[前端] 02 | Vue | Vue的MVVM

Vue中的MVVM

Vue中的MVVM示意图

各层内容

1. view层：
   1). 视图层；
   2). 在前端开发中通常是DOM层；
   3). 主要作用是给用户展示各种信息；
2. Model层：
   1). 数据层；
   2). 数据可能是我们固定的死数据；也可能是来自服务器，从网络上请求下来的数据；、
3. ViewModel层：
   1). 视图模型层；
   2). 视图模型层是View与Model沟通的桥梁；
   3). 一方面实现数据绑定（Data Binding），将Model的改变实时地反映到View中去；
   4). 另一方面实现了DOM监听（DOM Listener），当DOM发生一些事件（如点击，滚动，touch等）时可以监听到，并在需要时改变对应的Data。

内容为B站课程的课堂笔记；
原课堂链接为：https://www.bilibili.com/video/BV15741177Eh?p=5

___Fin___