7.vue初始化的过程

5/28/2023 vue

# 四个导出Vue的模块

  1. src/platforms/web/entry-runtime-with-compiler.js
  • web平台相关的入口
  • 重写了平台相关的$mount()方法【核心:编译模板->把模板转换成render函数】
  • 注册了Vue.compile()方法
  • 注册了Vue.compile()方法,传递一个HTML字符串返回render函数
  1. 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渲染带页面上】
  1. src/core/index.js
  • 与平台无关
  • 设置了Vue的静态方法,initGlobalAPI(Vue) 【set、delete、nextTick等方法】
  1. src/core/instance/index.js
  • 与平台无关
  • 定义了构造函数,调用了this._init(opitons)方法
  • 给Vue中混入了常用的实例成员【$data、$props、$set、$delete、$watch等方法】
最近更新时间: 5/28/2023, 2:54:59 PM
강남역 4번 출구
Plastic / Fallin` Dild