MVVM模型

最新推荐文章于 2024-06-01 15:46:07 发布

HeX_7

最新推荐文章于 2024-06-01 15:46:07 发布

阅读量742

点赞数

分类专栏： # Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/HeX_7/article/details/124326349

版权

Vue 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

MVVM

M:模型，data中的数据

V:视图，模板代码

VM:视图模型，Vue实例

data中所有的属性，最后都出现在了vm身上

vm身上及 Vue原型上所有属性在xue模板中都可以直接使用

<div id="root">
        <h1>学校名称：{{name}}</h1>
        <h1>学校地址：{{address}}</h1>
    </div>

    <script>
        //阻止vue在启动时生成生产提示
        Vue.config.productionTip = false;

        var app = new Vue({
            el:"#root",
            data:{
                name:'尚硅谷',
                address:'北京'
            }
        })
    </script>