View层:
- 视图层;
- 在我们前端开发中,通长就是DOM层;
- 主要的作用是给用户展示各种信息;
Model层:
- 数据层;
- 数据可能是我们固定的死数据,更多的是来自服务器,从网络上请求下来的数据;
- 在前面的计算器案例中,就是方法二中抽取出来的obj当然,里面的数据可能没有这么简单;
VueModel层:
- 视图模型层;
- 视图模型是View和Model沟通的桥梁;
- 一方面实现了Data Binding(数据绑定);将Model的改变实时的反应到View中;
- 另一方面实现了DOM Listener(DOM监听),当DOM发生一些事件(点击、滚动、touch等)时,可以监听到。并在需要的情况下改变对应的Data;
前面的Vue计算器案例中有严格的MVVM思想
Vue计算器案例:https://mp.csdn.net/console/editor/html/106238589