Vue——MVVM——2020.11.13
发布日期:2021-05-07 07:07:47 浏览次数:15 分类:精选文章

本文共 333 字,大约阅读时间需要 1 分钟。

(一)模型图

在这里插入图片描述

(二)View层

  • 视图层
  • 在前端开发中,通常就是DOM层
  • 主要作用是给用户展示各种信息

(三)Model层

  • 数据层
  • 数据可能使我们固定的死数据,更多的事来自我们服务器,从网络上请求下来的数据
  • 在计数器案例中,就是后面抽取出来的obj,当然,里面的数据可能没有这么简单

(四)VueModel层

  • 视图模型层
  • 视图模型层是view和Model沟通的桥梁
  • 一方面它实现Data Binding,也就是数据绑定,将Model的改变实时的反应到View中
  • 另一方面它实现了DOM Listener,也就是DOM监听,当DOM发生一些事件(点击,滚动,touch等)时,可以监听到,并在需要的情况下改变对应的Data

(五)计数器的MVVM

在这里插入图片描述

(六)计数器案例传送门

上一篇:Vue——options选项——2020.11.13
下一篇:Vue——计数器开发案例——2020.11.13

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2025年04月13日 01时03分40秒