v-for 指令
v-for 指令需要以?site in sites?形式的特殊語法, sites 是源數據數組并且 site 是數組元素迭代的別名。
v-for 可以綁定數據到數組來渲染一個列表:
v-for 指令
<div id="app"> <ol> <li v-for="site in sites"> {{ site.name }} </li> </ol> </div> <script> new Vue({ el: '#app', data: { sites: [ { name: 'Runoob' }, { name: 'Google' }, { name: 'Taobao' } ] } }) </script>
總結
- 上一篇: 除了数据属性,Vue 实例还提供了一些有
- 下一篇: computed vs methods