对WVVM的理解,开发中常用的指令

是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 属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容