美文网首页
vue v-for循环的用法1

vue v-for循环的用法1

作者: 喵喵不吃鱼哦 | 来源:发表于2020-05-02 22:41 被阅读0次

    1.引入Vue.js文件

    <script src="js/vue.js"></script>
    

    2.创建Vue对象

    <script>
            var appDiv = new Vue({
                
                el:"#app",
                data:{
                    arrTest:[1,2,3,4],
                }
            })
        </script>
    

    3.绑定控件

    <div id="app">
                <p v-for="(item,index) in arrTest">输出啦item是:{{item}},index:{{index}}</p>
                <p v-for="item in arrTest">输出啦item是:{{item}}</p>
    </div>
    

    相关文章

      网友评论

          本文标题:vue v-for循环的用法1

          本文链接:https://www.haomeiwen.com/subject/fuolghtx.html