Vue原理学习

1jQuery和Vue和区别

(1)数据和视图的分离(解耦,软件的开放封闭原则)

注:开闭原则:软件实体(模块、类、函数等)应该可以扩展,但是不可以修改。也就是说软件对扩展开放,对修改关闭。需要说明的是,对修改关闭不是说软件设计不能做修改,只是尽量不要做不必要的修改。怎么才能做到呢?那就是有相应的扩展性。其实,软件有相应的扩展性是好处,但是不能说每个地方都有扩展。反而造成了代码的臃肿。所以这里的扩展与修改关闭是有限制的。

(2)以数据驱动视图,只关心数据变化,dom操作被封装

2如何理解MVVM

MVC,MVVM

Vue原理学习Vue原理学习

ViewModel 是连接view和model的桥梁,view通过事件绑定修改model,model通过数据绑定修改view。MVVM是对MVC的微创新,MVC是后端常用的架构模式。controllor变成了viewmodel

3MVVM的实现

(1)响应式:Vue如何监听到data中每个属性的变化的

(2)模板引擎:vue的模板如何被解析,指令如何被处理

(3)渲染:Vue的模板如何被渲染成HTML

4响应式的实现

Vue原理学习

将data属性代理到VM上,并且在获取与改变属性的时候,可以加上监听代码

5vue如何解析模板

模板本质:字符串。

有逻辑,比如v-if,v-show

最终要转化成js代码,通过render函数,HTML来显示

Vue原理学习Vue原理学习Vue原理学习

Vue原理学习

Vue原理学习