Vue2.0生命周期
来源:互联网 发布:php命名空间的作用 编辑:程序博客网 时间:2024/05/16 13:02
beforeCreate:
此时$data和$el都不存在
1.遍历data所有属性,通过Object.defineProperty把这些属性全部转为getter/setter,并通过watcher(每个vue实例都会有一个)对属性Observe记录为依赖。
2. 初始化各种event。
created:
此时$data已经存在,$el还不存在
检查是否有el选项,有的话检查是否有template选项没有的话等vm.$mout(el)后再去检查是否有template选项 → 如果有template选项会去compile template并丢到render funtion里,如果没有template选项会去Compile el’s 的outerHTML做为template。
beforeMount:
此时$el已经存在了,但是UI上显示的data属性为virtual Dom的属性
创建vm.$el并用它替换’el’选项。
mounted:
$data和$el已经挂载完成,监听data change并rerender UI
beforeUpdate、updated:
Virtual Dom 重新渲染UI
beforeDestroy:
Teardown watchers,childcomponents and event listeners
destroyed:
Teardown done
参考文章:
https://cn.vuejs.org/v2/guide/reactivity.html
https://segmentfault.com/a/1190000008010666
阅读全文
1 0
- vue2.0生命周期
- Vue2.0生命周期
- Vue2.0生命周期
- vue2.0生命周期
- Vue2.0生命周期
- vue2.0——生命周期
- Vue2生命周期
- Vue2生命周期
- 【Vue2.0】vue生命周期中的钩子函数
- vue2.0 生命周期图以及栗子
- Vue2.0学习——生命周期
- Vue2.0生命周期和钩子函数
- vue2.x实例生命周期
- Vue2.0生命周期和钩子函数的一些理解
- Vue2.0 探索之路 ----- 生命周期和钩子函数
- Vue2 构造器的生命周期
- Vue2.0的变化(1)——vue2.0组件定义/生命周期/循环/自定义键盘/过滤器/组件通信的变化
- vue2.0
- Builer模式链式调用
- Cordova学习笔记之入门
- SpringMVC中form标签
- web.xml 中的listener、 filter、servlet 加载顺序及其详解
- 在jsp中设置cokie
- Vue2.0生命周期
- 恢复系统映像时错误代码0X80070057的解决方案
- 物体的真后方
- “空中交巡警”+智能信号灯 渝中智慧城市建设焕发新活力
- static方法和非static方法的区别(java)
- [LintCode]41.最大子数组
- Map<? extends Object, Object>
- java算法之简单的Two Sum
- 泛型单例