Vue源码01

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个方法