View对应视图层,在vue中对应template内的DOM部分。
Model(模型) 对应data里面的数据。
ViewModel是一个比较抽象的词语,这一层级应该说的vue提供的一个能力,比如说@click事件、methods里面的方法,让这两者连接的地方(当然包括methods内 涉及到model 修改的方法也属于ViewModel)。
这两者通过ViewModel 这一层进行关联通信
- 当Model数据改变可以立即执行到View的渲染
- View通过触发点击事件或DOM事件修改Model的数据
通过修改数据、视图层自动渲染,不用我们操作DOM,这些就是数据驱动视图,也是MVVM的核心概念。