3. Vue模型分析

Posted 2021-03-01 edfg

三, 内容

注: 本文多数内容属于Vue2.6之前的内容, 只有较为重要的地方才会补充2.6版本之后的内容, 望周知.

? ?

1, Vue中的MVVM

(1)什么是MVVM呢?

通常我们学习一个概念, 最好的方式是去看维基百科(对, 千万别看成了百度百科)

https://zh.wikipedia.org/wiki/MVVM

维基百科的官方解释, 我们这里不再赘述.

? ?

(2)Vue的MVVM

View层:

视图层

在我们前端开发中, 通常就是DOM层.

主要的作用是给用户展示各种信息.

Model层:

? ?

数据层

数据可能是我们固定的死数据, 更多的是来自我们服务器, 从网络上请求下来的数据.

在我们计数器的案例中, 就是后面抽取出来的obj, 当然, 里面的数据可能没有这么简单.

VueModel层:

? ?

视图模型层

视图模型层是View和Model沟通的桥梁.

一方面它实现了Data Binding, 也就是数据绑定, 将Model的改变实时的反应到View中

另一方面它实现了DOM Listener, 也就是DOM监听, 当DOM发生一些事件(点击, 滚动, touch等)时, 可以监听到, 并在需要的情况下改变对应的Data.

1.MVVC 和 MVC

? ?

? ?

在前端的MVC模式中, M还是表示Model层, 负责与后台交互数据, V表示View, 负责页面上DOM的渲染, C表示绑定在DOM元素上的事件, 当Controller中的事件被调用, 会去调用Model中的数据, 然后交给View重新渲染数据

? ?

框架篇—MVC, MVP, MVCS, MVVM, VIPER使用关系总结

? ?

mvc和mvvm的区别

? ?

MVC

? ?

? ?

? ?

MVVM?

? ?

? ?

? ?

? ?