7.vue初始化的过程
leezozz 5/28/2023 vue
# 四个导出Vue的模块
- src/platforms/web/entry-runtime-with-compiler.js
- web平台相关的入口
- 重写了平台相关的$mount()方法【核心:编译模板->把模板转换成render函数】
- 注册了Vue.compile()方法
- 注册了Vue.compile()方法,传递一个HTML字符串返回render函数
- src/platforms/web/runtime/index.js
- web平台相关的入口
- 注册和平台相关的全局指令:v-model、v-show 【Vue.options.directives】
- 注册和平台相关的全局组件:v-transition、v-transition-group 【Vue.options.components】
- 全局方法:
patch:把虚拟DOM转换成真实DOM
$mount:挂载方法【把DOM渲染带页面上】
- src/core/index.js
- 与平台无关
- 设置了Vue的静态方法,initGlobalAPI(Vue) 【set、delete、nextTick等方法】
- src/core/instance/index.js
- 与平台无关
- 定义了构造函数,调用了this._init(opitons)方法
- 给Vue中混入了常用的实例成员【$data、$props、$set、$delete、$watch等方法】