vue钩子函数
vue生命周期简介
vue1.x与2.x生命周期对比

ps:
1.<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们,因此当组件在 <keep-alive> 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行,而没有 beforeDestroy和destroyed这两个生命周期钩子函数。
2、beforeCreate:el和data还没有初始化,可用于loading。
3、created:完成了data初始化,el还没有,请求接口数据。
4、beforeMount:完成了el、data初始化。
5、mounted挂载完成,可通过$refs获取dom,data值渲染到了对应的dom位置。mounted前先以的形式占住dom,在mounted时进行数据渲染。
6、data、store里的值发生改变,都会触发beforeUpdate、updated。
详见


