MVVM模型

MVVM模型

1. M：模型（Model）：data中的数据
2. V: 视图（View）: 模板代码
3. VM：视图模型（View Model）: Vue实例

我们可以打印一下vue实例

        let vm = new Vue({
            el:"#root", 
            data(){ //data函数式写法
                name:"彭可选"
            }
        })
        console.log(vm);

控制台输出

观察发现

1. data中所有的属性，最后都出现在了vm身上
2. vm身上所有的属性及Vue原型上的所有属性，在Vue模板中都可以直接使用