第一个 Vue 程序 

<body>
    <script src="../vue.js"></script>
    <div id="mydiv">
        <!-- 插值表达式 -->
        {{ message }}
        <!-- 在选中的元素中也会生效 -->
        <div>{{ message }}</div>
        <div>my name is {{ person.name }}, and my age is {{person.age}}</div>
    </div>
    <script src="work2.js"></script>
</body>
var app = new Vue({
    // element 挂载点
    // 不要选择 html 或者 body 标签
    el:'#mydiv',
    data:{
        message:'Hello Vue',
        person:{
            name:'xxp',
            age:18
        }
    }
})

 

posted @ 2022-11-24 20:34  树叶本子  阅读(17)  评论(0)    收藏  举报