Vue生命周期
常用的生命周期
beforeCreated
实例创建前,data没有挂载,$el不存在,methods,computed和watch上的数据都不能访问
created
实例创建完成,完成数据初始化,$rel为空数组,$el不能访问,data,methods,computed,watch上的数据都可以访问,推荐这个时候发送数据请求
beforeMount
挂载前,虚拟DOM创建完成,将进行渲染
mounted
挂载完毕,data,真是DOM处理完毕,页面渲染完毕,完成双向绑定
beforeUpdated
更新前, data数据发生变化,渲染视图之前,虚拟dom重新渲染
updated
更新完成, 虚拟DOM渲染为真实元素,渲染视图
beforeDestroy
实例销毁前,此时实例依然可以用
destroyed
实例销毁,生命周期结束,解除数据绑定,监听等,只剩下DOM空壳
不常用的生命钩子
- activated: 当组件激活时调用
- deactivated: 当组件停用时调用
- errorCaptured: 当捕获一个来自子孙组件的错误时被调用