Vue.MVVM模型的精髓(概念叙述)

MVVM是一种软件架构模式,用于创建用户界面,将数据模型与视图分离。该模式中,M代表数据模型,V是视图,VM作为桥梁实现数据的双向绑定。通过VM,当M中的数据变化时,V会自动更新,反之亦然。例如,用户在input中输入内容,数据实时反映到页面上,实现了页面与数据的同步更新。MVVM的关键在于这种数据驱动视图并响应用户交互的能力。
摘要由CSDN通过智能技术生成

MVVM,分为M-V-VM三部分,

m就是数据:{像data,metheds,这些自定义属性、对象、数组、方法、函数等};

v就是页面视图:{就是DOM节点,像div,p等一些标签,用来显示内容的一个容器};

vm:是连接m和v的一个框架、桥梁,或者是加工m和v的一系列代码和操作的集成吧,,可以这么理解。

生活中的例子就是,我们自己发一个朋友圈(m),朋友通过软件(vm),朋友圈呈现在朋友手机页面(v),这是m-vm-v,通过数据,改变用户。

然后朋友评论(v),经过这些(vm),我们又看到了对方的反馈,评论(m)这是v-vm-m,通过用户,改变数据。

mvvm最重要的就是———数据的双向绑定,精辟的讲就是“页面改变数据,数据改变页面。”,mvvm模型的精髓就是这么一句话,再详细的讲就是m【数据】发生改变,v【页面】会随之更新,v【页面】发生变化,m【数据】随之更改。页面发生变化,经典的例子就是input,用户在文本框输入内容,用js获取输入的值,这就是v-->m的过程。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值