Advertisement

Vue 列表展示

阅读量:

用v-for 遍历数组

复制代码
    <div id="app">
        <ul>
            <li v-for="item in movies">{{item}}</li>
        </ul>
     </div>

引入vue:
<script src="./vue.min.js"></script>

创建vue对象托管元素:

复制代码
    <script>        
    let app = new Vue({
        el: "#app",
        data: {
                message: 'hello',
                movies: ['我和我的祖国', '大阅兵', '特种兵']
        }        
    })    
    </script>

全部评论 (0)

还没有任何评论哟~