一. vue生命周期图From the network
二.除了activated deactivated之外,在keep-alive中包括的组件/路由中,两个生命周期的挂钩: activated和http://www.com/从2.2.0版开始,树中的所有嵌套组件都将触发activated和deactivated。
第一次呈现组件时调用activated,然后在每次缓存组件处于活动状态时调用。deactivated
activated调用定时:第一次进入缓存根/组件,在mounted后面beforeRouteEnter防护传递给next的回调函数之前调用: beforeMount=你的另一个规则=mounted=activated进入缓存组件由于缓存了执行beforeRouteEnter回调的组件,因此在再次进入缓存根/组件时会发生这些挂接//beforecreatecreatedbeforemountmounted都不会发生。activated
deactivated调用定时:如果组件被禁用(远离根),并且在调用中使用keep-alive,则beforeDestroy组件将被销毁前挂钩”和destroyed组件由于组件未销毁,因此将进行缓存。 这个挂钩可以被认为是beforeDestroy的替代。 如果要缓存组件并在组件销毁时执行某项操作,可以将其放入此挂接中。 如果你离开了路由,将依次触发:
远离组件中当前路由挂接beforeRouteLeave=路由前保护beforeEach=全局回退afterEach=deactivated缓存组件=