vue学习-02-vue的列表展示

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <ul>
                <li v-for="v in movies">{{v}}</li>
            </ul>
            <!-- <ul>
                <li v-for="(v,k) in movies">{{v.title}}</li>
            </ul> -->
        </div>
    </body>
</html>
<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    //let(变量)const(常量)
    const app = new Vue({
        el:'#app',//决定vue挂载到哪个对象
        data:
        {
            movies:['喜剧之王','长江七号','功夫']
        }
    })
</script>

 

posted @ 2020-06-04 16:27  神女卑弥呼  阅读(53)  评论(0)    收藏  举报