美文网首页
vue 源码分析(1)-init

vue 源码分析(1)-init

作者: 三十六计至做笔记 | 来源:发表于2019-05-27 09:12 被阅读0次

目录结构:

compiler 模板解析的相关文件

core 核心代码

 platforms 平台相关的内容

server 服务端渲染相关

sfc 对.vue文件解析,分成template,script,styles,customblocks,errors几部分

shared 共享的工具方法

vm从创建到显示:

创建vue对象,判断是否是通过new关键字添加(core/instance/index)

执行初始化方法(core/instance/init)

vm添加了一个唯一的_uid,然后vm._isVue设为true,_isComponent是内部创建子组件时才会添加为true的属性,内部initInternalComponent(vm, options),

else执行mergeOptions,该方法用于合并两个对象,resolveConstructorOptions方法在Vue.extend中做了详细的解释,它的作用是合并构造器及构造器父级上定义的options,给Vue添加了一些全局的属性或方法。

vue处理属性合并方法(core/util/options)

initLifecycle(vm):给对象添加钩子函数

initEvents(vm):初始化时间属性

initRender(vm):添加虚拟dom

initInjections(vm)和initProvide(vm):父子属性注入

initState(vm)初始化状态

相关文章

网友评论

      本文标题:vue 源码分析(1)-init

      本文链接:https://www.haomeiwen.com/subject/tywqtctx.html