Vue.js学习及总结——循环展示
2015-12-22 16:02
573 查看
html
<table id="show"> <template v-for="item in items"> <tr> <td>{{ item.msg }}</td> <td>{{ item.kk }}</td> <td>{{ item.ll }}</td> </tr> </template> </table>
js
var ex1 = new Vue({ el: '#show', data: { parentMessage: 'Parent', items: [ {msg: '11111',kk: '11111111',ll:'1111111111111'}, {msg: '22222',kk: '222222222222',ll:'222222222222222'}, {msg: '3333333333333',kk: '33333333333',ll:'3333333333333'}, {msg: '4444444444',kk: '4444444444444',ll:'44444444444'}, {msg: '5555555555555',kk: '55555555555555',ll:'555555555555555'}, ] } });
效果
阅读更多
相关文章推荐
- vue.js总结学习
- vue.js学习总结
- Node.js非阻塞IO和事件循环学习总结
- Vue.js 学习要点总结(一)
- Vue.js学习系列(二十六)-- 循环语句(二)
- Vue.js 学习总结
- Vue.js学习系列(六)---条件与循环
- Vue.js学习总结思维导图(一)
- Vue.js基本规则提炼总结及计算属性学习
- Vue.js总结学习(指令、计算属性、数据绑定)
- Vue.js学习系列(六)---条件与循环
- Vue.js 学习要点总结(二)
- 学习使用vue.js(三)条件与循环 v-if、 v-for
- vue.js学习笔记(三)--父子组件通信总结
- 前端学习总结(二十一)Vue.js——博采众长的后起之秀
- vue.js学习之 跨域请求代理与axios传参
- Vue.js学习 Item14 – 过滤器与自定义过滤器
- 10-15 Js 学习总结
- vue.js的基础学习