四、生命周期

每个Vue实例在被创建时，都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。

同时在这个过程中也会运行一些，叫做生命周期钩子的函数，这给了用户在不同阶段，添加自己代码的机会。

（简单说，不能瞎写代码，要到new Vue({})里面，在对应的生命周期钩子函数中，写相应的代码。）

beforeCreate: 
created：初始化完成之后调用。（不能获取dom,可以获取ajax数据）

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

beforeUpdate：

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

beforeDestroy：在Vue实例销毁之前调用。（在这一步，实例仍然完全可用。页面离开前）
destoryed：
调用后，Vue实例指示的所有东西都会解除绑定，所有事件监听器会被移除，所有的子实例也会被销毁。

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