vue的生命周期

beforeCreate

实例初始化之后,还没有拿到data和methods中的数据与方法时被调用

created

实例创建完之后被调用,此时已经拿到了data和methods中的数据和方法了,但是还没有挂载,el指定的元素属性还没有出现

beforeMount

挂载之前被调用,相关的render函数首次调用

mounted

整个视图已经被渲染完毕,可以进行操作DOM元素了

beforeUptate

数据更新时被调用,适合在更新前访问现有的DOM元素,比如手动移除已添加的事件监听器

updated

组件DOM已经更新,可以执行依赖的DOM操作,一般不适用,用watch或计算属性代替

activated

keep-alive组件**时被调用

deactivated

keep-alive组件停用时被调用

beforeDestroy

实例销毁之前调用。在这一步,实例仍然完全可用。

destroyed

Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。

errorCaptured

当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false以阻止该错误继续向上传播。

vue的生命周期