1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <title>列表渲染</title> 9 </head> 10 11 <body> 12 <div id="div"> 13 <ul> 14 <li v-for="name in names"> 15 {{name}} 16 </li> 17 <li v-for="value in student"> 18 {{value}} 19 </li> 20 </ul> 21 </div> 22 </body> 23 <script src="../js/vue.js"></script> 24 <script> 25 new Vue({ 26 27 el: "#div", 28 data: { 29 names: [‘zhangsan‘, "里斯", "wamhe"], 30 student: { 31 name: "zhansan", 32 age: 23 33 } 34 } 35 }); 36 </script> 37 38 </html>