美文网首页
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