宜昌网站网站建设,凡科网站模板下载,seo推广是什么,深圳龙华区是郊区吗一,MVVM
MVVM#xff08;Model–view–viewmodel#xff09;是一种软件架构模式。MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑#xff08;数据模型#xff09;的开发分离开来。详见MVVM
二,Vue中的MVVM
Vue虽然没有完全遵循 MVVM 模型#xff0c;但是 Vue 的设…一,MVVM
MVVMModel–view–viewmodel是一种软件架构模式。MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑数据模型的开发分离开来。详见MVVM
二,Vue中的MVVM
Vue虽然没有完全遵循 MVVM 模型但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。
const vm new Vue({el:#root,data: {name: 张三}
});MVVM模型 M: 模型(Model):data中的数据。 V: 视图(View):模板代码。 VM: 视图模型(ViewModel):Vue实例 备注: data中所有的属性最后都出现在了vm身上。vm身上所有的属性 及 Vue原型上所有属性在Vue模板中都可以直接使用。 三,实战
!DOCTYPE html
htmlheadmeta charsetutf-8titleMVVM模型/titlescript src../js/vue.js/script/headbodydiv idrooth1{{name}}/h1h1{{$options}}/h1/div/bodyscript typetext/javascriptconst vm new Vue({el:#root,data:{name:张三,} })/script
/html
