Vue的生命周期方法, 又叫做生命周期钩子函数,
钩子函数: C#语言里的叫法, 它其实就是构造函数(constructor), 对象出生时触发, 对应的叫: 析构函数 (对象释放前触发)
钩子函数
beforeCreate
实例刚在内存中创建出来,此时,还没初始化data和methods属性,数据和事件加载之前调用
created
实例已经在内存中创建,此时data和methods已经创建,但是还没有编译模板,页面上还没有挂载任何标签节点, 一般网络请求写在这里
beforeMount
判断el选项, 如果有, 则再判断有无template选项, 如果没有template选项, 则认为el中的标签节点为它的模板标签,
这时候已经编译好了模板,但是还没挂载到页面中
mounted
真正的el标签内被虚拟DOM已经替换掉, 已经挂载
beforeUpdate
数据更新时,已经触发了beforeUpdate声明周期,此时数据为最新的数据,但是在页面显示上,数据还是旧的,此时还没有开始渲染DOM节点
update
页面上的DOM已经更新完毕
activated
keep-alive属性的组件激活时调用。
deactivated
keep-alive属性组件被停用时触发
activated和deactivated,用的极少(了解)
beforeDestroy
实例在销毁之前调用,这一步,实例仍然可以用
destroyed
实例销毁后调用
Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁
errorCaptured
捕获子组件的错误信息
注意只有在vuejs2.5+版本后才可以使用这个方法