Vue源码分析思路脑图
2023-02-01 17:46:55 0 举报AI智能生成
简化文件内容，了解文件的内容原理
作者其他创作
大纲/内容
入口文件（src/platforms/web/entry-runtime-with-compiler.js）
实现$mount
Vue.prototype._patch_ = inBrowser? patch:noop
web运行时代码（platforms/web/runtime/index）
全局API实现（src/core/global-api/index.js）
全局API定义
vm.$parent/$root/$ref/$children
initLifecycle(vm)
vm._event
initEvents(vm)
vm._c
vm.$crateElement
initRender(vm)
beforeCreate
initInjections(vm)
initP[rops
initMethods
initData
initComputed
initWatch
initState(vm)
vm._provide
initProvide(vm)
created
initMixin实现_init(core/instance/init.js)
lifecycleMixin定义font color=\"#f44336\
renderMixin定义两个实例方法$nextTick和_render(core/instance/render.js)
Vue构造函数定义（core/instance/index.js）
observer返回一个Obsever实例（core/observer/index.js）
Obsever对象根据类型执行对应的响应化操作（core/observer/index.js）
defineReactive定义对象属性的getter/setter（core/observer/index.js）
Watcher监控一个表达式或关联一个组件更新函数，数值更新则指定回调或更新函数被通知（core/observer/watcher.js）
f覆盖数组原型（core/observer/index.js）
数组响应式的特殊处理（core/observe/index.js）
依赖收集时特殊处理（core/observe/index.js）
s数组响应式
数据响应式
初始化流程
js对象用来描述dom结构（使用diff算法来j减少dom更新操作）
虚拟dom
编译处理
编译器
收藏
0 条评论
回复 删除
下一页
