Vue 生命周期(钩子函数)

一.生命周期(钩子函数)

1. 一个组件从实例化创建开始，到结束是一个生命周期

2. 生命周期作用

（1）找错误：vue简单语法可以实现一些项目，但是一旦出现问题，要通过生命周期去查找。
（2）解决需求：有些需求要根据生命周期来定，该把某些东西写在哪里

二. 标红的为生命周期各种钩子函数

1. before created：在vue对象还没有诞生之前，就拥有这个函数方法。但，他只是对事件进行了配置，data等属性还没有识别。可以做一些加载的动画。
2. created：这时组件已经被创建好了，实例已经诞生了，属性已经被绑定，但dom还没有生成。可以做获取对应数据，比如请求网络接口，然后将它付给我们的属性，再往下走就可以展示给dom。也可以做的是，结束上一步加载状态，准备渲染dom。
3. beforeMount：mount是指挂载，beforeMount代表现在开始编译模板template中的内容。这个方法是在虚拟dom中去执行的，所以你并不能看到当前页面的内容，没有真正的挂载上去，并没有将内容真实的渲染到页面中去。可以在这里根据需求而定，做一些基础工作
4. mounted：mouted之前模板已经被编译完成，到这里执行已经可以看到页面了。有些需要页面展示完之后执行的操作，可以写在mounted这里。比如向后台获取数据，一定是页面展示完成之后，再去获取数据。mounted一旦挂载，dom就形成了，内容形成后就是修改update
5. beforeUpdate：组件发生更新之前，需要调用的钩子函数
6. Updated：在当前组件想要发生改变，需要调用Updated，在这里组件更新完成。
7. beforeDestroy：组件销毁之前
8. Destroyed：组件销毁之后

三. 钩子函数应用

• 在header组件中，应用这些钩子函数

点击header标题进行更改