vue v-for循环的用法1

2020-05-02  本文已影响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>
上一篇 下一篇

猜你喜欢

热点阅读