生命周期钩子
生命周期钩子=生命周期函数=生命周期事件
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。
实例创建期间的生命周期函数
beforeCreate：实例刚刚在内存中创建，还没有初始化好实例中的data与methods
Created：实例已经创建完成，data与methods已经创建完成，但是还没有编译模板
beforeMount：此时完成了模板的编译，但是模板在内存中，还没有挂载到页面中
mounted：此时已经将编译好的模板挂载到页面中
实例运行期间的生命周期函数
beforeUpdate：实例中的数据每更新一次便执行一次此函数，此时data中的数据是最新的，但是还没有渲染到页面中，所以页面数据是旧的
updated：实例中的数据每更新一次便执行一次此函数，此时data和页面中的数据都是最新的，页面已经渲染完毕
实例销毁期间的生命周期函数
beforeDestroy：实例销毁之前调用，此时实例仍然可用
destroyed：vue实例销毁之后调用，此时实例指示的所有东西会被解绑，事件监听也会移除，子实例也会被销毁
生命周期图示
