vue --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>v-for循环</title>
 7     <script src="../js/vue.js"></script>
 8 </head>
 9 <body>
10     <div id="app">
11         <!-- item 拿取每一项  拿取索引值i -->
12     <div v-for="(item ,i) in list">拿取索引值--->{{i}} ----{{item}}</div>
13 
14     </div>
15     <script>
16       var vm= new Vue({
17           el:"#app",
18           data:{
19            list:['1',"2",3,4,45,6,7]
20           },
21           methods:{
22 
23           }
24       })
25 
26     </script>
27 </body>
28 </html>

猜你喜欢

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