vue

vue生命周期

Vue 实例从创建到销毁的过程，就是生命周期。

同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会，利用各个钩子来完成我们的业务代码，钩子如下：

1.beforeCreate
实例初始化之后、创建实例之前被调用，此时数据观察和事件配置都还没好准备好
2.created
实例创建完成后被调用，此时data有了，dom还没有，挂载属性el还没生成

3.beforeMount
将编译完成的html挂载到对应的虚拟dom时调用，此时相关的render函数首次被执行，页面还没有内容，表达式{{ }}的值还未被替换
4.mounted
编译好的html挂载到页面完成后调用，此时页面已经被渲染出数据

5.beforeUpdate
数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。 你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。
6.update
由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。

7.beforeDestroy
销毁前调用
8.destroyed
销毁后调用，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 该钩子在服务器端渲染期间不被调用。