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

猜你喜欢

转载自blog.csdn.net/qq_35723619/article/details/83824623