Vue MVVM理解

1

• MVVM，是Model-View-ModelView的简写
  
  
• 在Vue中：
• Model：模型层，用于存储当前状态(data)
• View：视图层，用于向用户展示data被渲染后的UI
• ModelView：视图模型层，监听、渲染等功能
  • v-bind：监听Model中的data，在data变化时按照逻辑(Vue原理)进行渲染，再根据映射表找到依赖该状态的View进行更新。(单向绑定)
  • v-model：同时监听View和Model中双向绑定的data，data仍在Model中，View只是添加了这个依赖。当View改变时，ModelView会同步更改Model中的data；Model的改变同v-bind。（双向绑定）

MVVM Vue单、双向绑定示意图

tips：个人理解，若有不同见解，欢迎讨论