每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

beforeCreate：初始化之前

created：初始化完成（不能获取dom，一般用于获取ajax数据）

beforeMount：挂载之前

mounted：挂载完成之后（可以获取dom）

beforeUpdate：数据更新之前

updated：数据更新之后。应用场景：可以做数据更新后获取焦点，也可以获取dom的动态属性，更改数据时对dom进行操作。

beforeDestroy：在Vue实例销毁之前调用。在这一步，实例仍然完全可用。（页面离开）

destroyed：在Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。（页面离开）

activated：keep-alive组件激活时调用。该钩子在服务器端渲染期间不被调用。用于性能优化缓存dom和数据。

deactivated：keep-alive组件停用时调用。该钩子在服务端渲染期间不被调用。

使用方式