如何理解vue的MVVM模型

MVVM模型.png

View对应视图层,在vue中对应template内的DOM部分。
Model(模型) 对应data里面的数据。
ViewModel是一个比较抽象的词语,这一层级应该说的vue提供的一个能力,比如说@click事件、methods里面的方法,让这两者连接的地方(当然包括methods内 涉及到model 修改的方法也属于ViewModel)。
这两者通过ViewModel 这一层进行关联通信

  • 当Model数据改变可以立即执行到View的渲染
  • View通过触发点击事件或DOM事件修改Model的数据

通过修改数据、视图层自动渲染,不用我们操作DOM,这些就是数据驱动视图,也是MVVM的核心概念。


1.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。