v-for 嵌套遍历 · vue

v-for遍历出来的不是数据而是元素如果使用 item 和index的时候一定要使用（）包裹 ``` (ite,,index) in arr ``` ## 代码案例： ~~~ <body> <div id="app"> <table> <tr v-for="i in number" :key="i"> <td v-for="j in i" :key="j">{{i}}x{{j}}={{i*j}}</td>  </tr> </table> </div> <script src="vue/vue.js"></script> <script> var vue = new Vue({ el: '#app', data: { number:[1,2,3,4,5,6,7,8,9] //1-9数据 } }) </script> </body> ~~~ ![](https://img.kancloud.cn/fc/50/fc50924310ebfb1922d30346e313d715_1539x714.png)