vue中的循环渲染1v-for中item是数组中的元素是变量可以自定义，index表示数组的下标也可以自定义，如果不用下

v-for中item是数组中的元素是变量可以自定义，index表示数组的下标也可以自定义，如果不用下标，可以直接写item不用加括号，arr表示数组，必须写有循环的数组的变量名
vue2.0 中v-if v-for 写到一个元素 v-for的优先级更高；
解决方法:运用嵌套关系，将v-for嵌套在v-if（用template标签不会渲染到文档树中）里面

<body>
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.js"></script>
    <div id="app">
        <!-- v-for中item是数组中的元素是变量可以自定义，index表示数组的下标也可以自定义，
        如果不用下标，可以直接写item不用加括号，arr表示数组，必须写有循环的数组的变量名-->
        <div v-for="(item, index) in arr">{{item}}+{{index}}+{{msg}}</div>
        <!-- 双重循环 -->
        <div v-for="el in arr1">
            <!-- 数字大于10才显示 -->
            <div v-for="item in el" v-if="el[1]>9">{{item}}</div>
        </div>

    </div>
    <script>
        new Vue({
            el: "#app",
            data: {
                msg:"12",
                arr: ["lay", "sehun", "luhan"],
                arr1:[["lay",10],["sehun",94],["huhan",7]]
            }
        })
    </script>
</body>