vue生命周期注解

vue生命周期注解：

beforeCreate：
在这个钩子函数内，初始化了 inject、props、methods、data、computed、wacth、provied；所以在这个钩子里还不可以使用 this；
beforeDestory：
在这个钩子内还可以使用 this；
destoryed：
在这个钩子内是不可以使用 this 的，实例已经在 beforeDestory 被销毁；
activated：
这个钩子一般配合着 keep-alive 来使用，用 keep-alive 进行组件的缓存，再次进入组件的时候，就直接跳过前边的钩子函数不再重新执行，而直接执行 activated 钩子；
　　这个钩子在组件第一次渲染的时候会被调用，之后每次缓存组件被激活的时候调用；第一次调用的时候，是在 mounted 之后，beforeRouterEnter 守卫传给 next 的回调之前调用； 第二次调用的时候，因为组件被缓存了，mounted 以及之前的都不再调用了，就直接从 activated 钩子开始了；
deactivated
使用了 keep-alive 就不会调用 beforeDestory 和 destoryed 钩子了，因为组件没有被销毁，而是缓存起来了，所以这个钩子可以看做是 beforeDestory 和 destoryed 的替代；
当组件在 <keep-alive> 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。