Vue中的MVVM

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

相关文章: