initLifecycle(vm)
//
初始化组件事件侦听
initEvents(vm)
//
初始化渲染方法
initRender(vm)
callHook(vm, 'beforeCreate')
//
初始化依赖注入内容，在初始化
data
、
props
之前
initInjections(vm) // resolve injections before data/props
//
初始化
props/data/method/watch/methods
initState(vm)
initProvide(vm) // resolve provide after data/props
callHook(vm, 'created')
/* istanbul ignore if */
if (process.env.NODE_ENV !== 'production' && config.performance && mark)
{
vm._name = formatComponentName(vm, false)
mark(endTag)
measure(`vue ${vm._name} init`, startTag, endTag)
}
//
挂载元素
if (vm.$options.el) {
vm.$mount(vm.$options.el)
}
}
仔细阅读上面的代码，我们得到以下结论：
• 在调用beforeCreate之前，数据初始化并未完成，像data、props这些属性无法访问
到
• 到了created的时候，数据已经初始化完成，能够访问data、props这些属性，但这
时候并未完成dom的挂载，因此无法访问到dom元素
• 挂载方法是调用vm.$mount方法
initState方法是完成props/data/method/watch/methods的初始化
源码位置：src.js
export function initState (vm: Component) {
//
初始化组件的
watcher
列表
vm._watchers = []
const opts = vm.$options
//
初始化
props
if (opts.props) initProps(vm, opts.props)
//
初始化
methods
方法
if (opts.methods) initMethods(vm, opts.methods)
if (opts.data) {
//
初始化
data
剩余11页未读，继续阅读
2201_75761617
- 粉丝: 24
- 资源: 7382
我的内容管理
展开
最新资源
- Hadoop生态系统与MapReduce详解
- MDS系列三相整流桥模块技术规格与特性
- MFC编程：指针与句柄获取全面解析
- LM06：多模4G高速数据模块，支持GSM至TD-LTE
- 使用Gradle与Nexus构建私有仓库
- JAVA编程规范指南：命名规则与文件样式
- EMC VNX5500 存储系统日常维护指南
- 大数据驱动的互联网用户体验深度管理策略
- 改进型Booth算法：32位浮点阵列乘法器的高速设计与算法比较
- H3CNE网络认证重点知识整理
- Linux环境下MongoDB的详细安装教程
- 压缩文法的等价变换与多余规则删除
- BRMS入门指南：JBOSS安装与基础操作详解
- Win7环境下Android开发环境配置全攻略
- SHT10 C语言程序与LCD1602显示实例及精度校准
- 反垃圾邮件技术：现状与前景
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
