<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"> <!--遍历10，插值表达式取值 n--> <ul v-for="n in 10"> <li>{{n}}</li> </ul> <!--遍历10，插值表达式取值 n index 为索引值--> <ol v-for="(n,index) in 10"> <li>{{n}}---{{index}}</li> </ol> <ul v-for="n in userList"> <li>{{n.id}}{{n.name}}{{n.age}}</li> </ul> </div> <script src="vue.min.js"></script> <script> new Vue({ el: ‘#app‘, data: { userList:[ {id:1,name:"小明",age:19}, {id:2,name:"小红",age:19}, {id:2,name:"小宁",age:40} ] } }) </script> </body> </html>
原文：https://www.cnblogs.com/mangoubiubiu/p/13752197.html