循環渲染數組和對象
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <script src="vue.js"></script> <link rel="stylesheet" type="text/css" href="vue.css"> </head> <body> <div id="app"> <ul> <li v-for="(item,index) of list">{{item}}>>>{{index}}</li> <li v-for="(item,key,index) of person">{{item}}>>>{{key}}>>>{{index}}</li> </ul> </div> <script> var app=new Vue({ el:"#app", data:{ list:[11,22,33,44], person:{ name:"jinwei", age:15 } } }) </script> </body> </html>