v-for 遍历对象

 1 <html lang="en">
 2 <head>
 3     <meta charset="UTF-8">
 4     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 5     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 6     <title遍历数组对象</title>
 7     <script src="../js/vue.js"></script>
 8 </head>
 9 <body>
10     <div id="app">
11       
12          <div v-for='(val ,key,i) in list'> 值---{{val}} 键值{{key}} {{i}}</div>
13 
14     </div>
15     <script>
16         var vm =new Vue({
17          el:'#app',
18          data:{
19          list:{
20              id:0,
21              sex:'',
22              name:'小猫'
23          }
24          },
25          methods:{
26 
27          }
28         })
29     </script>
30 </body>
31 </html>

猜你喜欢

转载自www.cnblogs.com/yuanxiangguang/p/10922153.html