Vue-生命周期（钩子函数）

参考：https://cn.vuejs.org/v2/guide/instance.html

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

生命周期图示

   

介绍一下几个钩子函数：

beforeCreate:"组件实例化之前实现执行的函数"

created:"组件实例化完毕，但页面还未显示"

beforeMount:组件挂载前，页面还未显示，但虚拟dom已经配置"

mounted:"组件挂载后，此方法执行，页面显示"

beforeUpdate:"组件更新前，页面仍未更新，但虚拟Dom已经配置"

updated:"组件组件更新，此方法执行后，页面显示"

beforeDestroy:"组件销毁前"

destroyed:"组件销毁"

实例在header组件添加：

代码参考：https://github.com/pengpengbhne/Vue/tree/master/chuanzhi

上一节：

https://blog.youkuaiyun.com/qq_35723619/article/details/83822793