//index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="/go.html?url=style.css"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> </head> <body> <div id="vue-app"> 样例一<br/> {{ a[0] }}{{ a[1] }}{{ a[2] }}<br/> {{ b[0] }}{{ b[1] }}{{ b[2] }} 样例二<br/> <ul> <li v-for="x in a">{{ x }}</li> <li v-for="y in b">{{ y.name }}----{{y.age}}</li> </ul> 样例三<br/> <ul> <li v-for="(y,index) in b">{{index}}---{{ y.name }}----{{y.age}}</li> </ul> 样例四<br/> <template v-for="(y,index) in b">{{index}}---{{ y.name }}----{{y.age}}</template><br/> 样例五<br/> <template v-for="(y,index) in b"> <template v-for="(val,key) in y">{{key}}--{{val}}<br/> </template> </template> </div> <script src="app.js"></script> </body><!DOCTYPE html> <html lang="en">
