vue2.6源码解析
2021-06-08 23:03:43 0 举报
分析数据响应式
作者其他创作
大纲/内容
Dep依赖管理,变更通知src/core/observer/dep.js
src/core/observer/index.jsobserve 返回__ob__ 实例,对value做响应式
initProxy,initState,initRender,initEvents,initLifecycle,initProvide,initInjections
watcher和组件挂载,和用户自己定义的观察表达式挂钩,数据变更后执行更新src/core/observer/watcher.js
数据响应式
initPropsinitMethodsinitDatainitComputedinitWatch
vue构造函数:src/core/instance/index.jsinitMixin:src/core/instance/init.jsstateMixin:src/core/instance/state.jseventsMixin:src/core/instance/events.jslifecycleMixin:src/core/instance/lifecycle.jsrenderMixin:src/core/instance/render.js
src/core/observer/array.js数组的特殊处理,覆盖能够改变数组的七个方法
_patch_. $mount. src/platforms/web/runtime/index.js_patch_ : src/core/vdom/patch.js $mount :实现$mount方法:调用mountComponent实现真正的挂载 首次渲染src/core/instance/lifecycle.js
初始化流程
data数据响应式src/core/instance/state.js
initState初始化
vue2.6源码
入口文件 扩展$mountsrc/platforms/web/entry-runtime-with-compiler.js如果render选项不存在,则查找template或者el
收藏
0 条评论
下一页