v-for 指令
阿新 • • 發佈:2018-03-23
AC title item alt log doctype 列表 圖片 rip
v-for
指令可以綁定數組的數據來渲染一個項目列表
demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Vue </title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app" > <ol> <li v-for="item in items"> {{item.text}} </li> </ol> </div> <script> var app=new Vue ({ el:‘#app‘, data:{ items:[ {text:‘vue‘}, {text:‘react‘}, {text:‘angular‘} ] } }) </script> </body> </html>
效果:
2018-03-22 23:19:33
v-for 指令