视频链接:
- vue响应式的原理:
- 通过ES5的
object.defineProperty(),重写data中的所有对象的get、set方法,在变化时触发相应的时间 - 通过依赖跟踪,注入data对象所有所关联的所有dom对象,在data对象发生变化时,触发dom对象
- vuex的原理:
Vuex本质就是将我们传入的state作为一个隐藏的vue组件的data,也就是说,我们的commit操作,本质上其实是修改这个组件的data值。
- vue router的原理:
维护一张路由表:url~vue组件的映射。监听url事件改变,当发生改变时,切换渲染的组件实现。
体会:
很多表面上看起来很复杂、很炫酷的功能, 它的本质也只是很简单的东西。