cont app = Vue.creatApp({
data(){
retnurn {
mes:"hell"
}
},
template:`<div>{{mes}}</div>`
})
var vm = app.mount('#app)
Vue.creatApp表示创建一个vue应用,存储到app变量中;
Vue.creatApp方法中的参数,表示这个应用最外层的组件应该如何显示
vm代表了这个vue应用的根组件
vue的编程是一种mvvm设计模式,m是Model数据,v是View视图,vm是ViewModel视图数据链接层;
在上面vue应用中,data代表了Model数据,template代表了View视图;在vue应用中vue会自动将这两个通过vm关联起来,那么这个功能是应用帮我们做的呢?还是组件帮我们做的呢?也就是说在vue那么哪个代表了ViewModel视图数据链接层呢?
Model数据是开发者自己定义,View视图也是开发者自己定义;那么如何将两者关联起来,就需要ViewModel来完成了;那么这个ViewModel是vue应用做的事情呢还是根组件做的事情呢?
其实是根组件帮我们把上面的data和template关联起来的。因此也可以说vm就是vue中的一个个的组件;