我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。
<ul>
<li v-for="item in items">
{{item}}
</li>
</ul>
var app=new Vue({
el:'#app',
data:{
items:['angular','react','vue','jquery']
}
})
<ul>
<li> angular </li>
<li> react </li>
<li>vue </li>
<li>jquery </li>
</ul>