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.****.net/qq_35723619/article/details/83822793