vue.js学习日记-指令篇

v-for

渲染数组时，<li v-for="(list,index) in lists">{{list.name}}-{{list.age}}-{{index}}</li> v-for 使用在你将要循环的元素上而不是挂载在父元素上

渲染对象时，<li v-for="(value,key) in todos">{{value}}-{{key}}</li>  

渲染组件时 ，<components v-for="(value,key) in todos"><components> 组件的模板内的内容会被渲染N次，N的数目取决于todos对象中的项数的数量

一个比较常用的地方<select>

<option v-for="item in items" v-bind:value="item.name">{{item.age}}</option>

</select>

 

转载于:https://www.cnblogs.com/LiuCaoMei/p/7551856.html