vue2.6原理整理
2022-11-08 21:36:28 0 举报
AI智能生成
登录查看完整内容
vue2.6原理整理
作者其他创作
大纲/内容
入口文件 platforms/web/entry-runtime-with-compiler.js
全局API实现 src\\core\\global-api\\index.js
全局API定义 src\\core\\index.js
实现了 vm.$parent/$children/$refs/$root 等等
initLifecycle(vm)
vm._event
initEvents(vm) 事件监听
vm._c
vm.$createElement
initRender(vm)
已经 初始化一些选项 $solt、$parent、$children
span style=\
initPropsinitMethodsinitDatainitComputedinitWatch
initState(vm)
initProvide(vm)
这里可以访问组件状态, 主要是data、prop、method、computed、watch响应式的完成
initMixin(Vue) src\\core\\instance\\init.js
vue构造函数 src\\core\\instance\\index.js
初始化流程
observe()返回一个Observer实例core/observer/index.js
Observer对象根据数据类型执行对应的响应化操作core/observer/index.js
defineReactive定义对象属性的getter/settercore/observer/index.js
Dep管理一组Watcher,Dep关联的值更新时通知其管理的Watcher更新core/observer/dep.js
Watcher监控一个表达式或关联一个组件更新函数,数值更新则指定回调或更新函数被调用src\\core\\observer\\watcher.js
数组方法打补丁,获取Arr原型core\\observer\\array.js
覆盖数组原型core\\observer\\index.js
数组响应式的特殊处理core\\observer\\index.js
依赖收集时特殊处理core\\observer\\index.js
数组响应式
数据响应式
虚拟DOM
编译器
vue2.6
收藏
收藏
0 条评论
回复 删除
下一页