vue钩子函数

Posted by VickyWu on November 1, 2017

vue钩子函数

vue生命周期简介

vue生命周期 vue1.x与2.x生命周期对比 vue1.x与2.x生命周期对比

ps:

1.<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们,因此当组件在 <keep-alive> 内被切换,它的 activateddeactivated 这两个生命周期钩子函数将会被对应执行,而没有 beforeDestroydestroyed这两个生命周期钩子函数。 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里的值发生改变,都会触发beforeUpdateupdated

详见 打印打印结果1打印结果2