是Model-View-ViewModel 的缩写 。
Model :代表数据模型(是一种软件架构模式),也可以在model中进行定义数据的修改跟操作的业务逻辑。model也被称为数据层,因为它不仅仅关注数据本身,不关心任何行为 。
View:用户操作页面 当ViewModel对Model进行更新的时候,会通过数据绑定更新到View 。
ViewModel:业务逻辑层,view需要什么数据,ViewModel要提供这个数据 。
ViewModel是用来响应View的操作可以说他是Model for View ,
总结:MVVM模式简化了界面与业务的依赖,解决的数据的频繁更新。在MVVM使用中,利用双向绑定技术,使得Model变化时,ViewModel会进行自动更新,而ViewModel变化时,View也会自动变化
自己理解:
是Model-View-ViewModel 的缩写 。共有三部分组成分别是Model跟View以及ViewModel 。 model是一种数据模型,主要是在Model中进行数据的修改跟操作。 View是一个用户操作页面。当Model中的数据进行更新的时候,View会因为数据的绑定也进行更新。 ViewModel是一个业务的逻辑层,它主要就是用来响应View的操作
总结:MVVM模型简化了界面与业务的依赖,解决了数据的频繁更新。在MVVM中,利用双向绑定,可以使当Model变化时,View也跟着进行变化。
MVVM的架构图。
开发中常用的指令:
v-model:一般用在输入表达,数据的双向绑定
v-html:更新元素的innerHTML
v-show与v-if:条件渲染
区别:当使用v-if的时候,如果值为false,那么这个html标签将不存在页面中。v-show则是,不管是true还是false这个元素都存在页面类似于display的显示与隐藏
v-on:click:可以简写为@click 绑定事件。如果事件触发了,就可以指定事件的处理函数。
v-for:基于源数据的多次渲染。
v-bind:绑定一个属性。被用来响应地更新 HTML 属性