分享人: 刘泽华
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.参考文献
从实例的创建,到设置观察者,监听者,然后查找模板,编译模板,挂载渲染好的DOM。更新数据周期,销毁周期,和抛出错误的周期钩子函数
在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。
init event初始化事件 为当前实例做基础配置 data属性被成功绑定 设置数据观测 data observer 属性和方法的运算 watch/event事件回调配置
在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
1查找el中的template元素挂载
2查找是否有$.mount()
3查找template模板
4查找render属性值
5编译成正常dom
beforeMount()
挂载之前执行
执行挂载替换
DOM渲染完毕
activated()
deactivated()
官方文档
感谢大家观看
BY: 刘泽华