Vue源码01
2020-10-13 18:16:39 4 举报AI智能生成
vue源码初始化流程和响应式原理分析
作者其他创作
大纲/内容
Vue源码
初始化流程
入口文件：覆盖$mountplatforms/web/entry-runtime-with-compiler
web运行时代码：实现$mountplatforms/web/runtime/index
$mount
__patch__
全局api定义core/index
core/global-api/index
set
delete
nextTick
...
Vue构造函数core/instance/index
initMixin：实现_init()core/instance/init.js
initLifecycle
initEvents
initRender
beforeCreate
initInjections
initState
initProvide
created
stateMixin
eventsMixin
lifecycleMixin
renderMixin
数据响应式
data的数据响应式src/core/instance/state.js
initState()数据响应式起始
observe()返回ob实例，ob对value做响应式
Observer判断value类型，创建小秘书ob
walk()
defineReactive()数据的访问拦截
observeArray()
Dep依赖管理，变更通知
两种dep的作用
Watcher和组件挂钩或者和用户定义的观察表达式挂钩，数据变更后执行更新
dep和watcher之间的映射规则
array.js数组的特殊处理，覆盖能够改变数组的7个方法
0 条评论
回复 删除
下一页
