Vue.js 的生命周期钩子函数包括以下几个:
beforeCreate
: 实例刚刚被创建,属性和方法还未初始化。created
: 实例已经创建完成,属性已经绑定,但 DOM 元素还未生成,不能访问 DOM 元素。beforeMount
: 模板编译/挂载之前调用,此时 DOM 元素还未生成。mounted
: 实例已经挂载到 DOM 上,可以访问到 DOM 元素。beforeUpdate
: 数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。updated
: 数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之后。beforeDestroy
: 实例销毁之前调用。在这一步,实例仍然完全可用。destroyed
: 实例销毁后调用。这个阶段,Vue 实例指示的所有东西都会解绑定,所有事件监听器会被移除,所有子实例也会被销毁。
这些生命周期钩子函数提供了一种在 Vue 实例生命周期中进行操作的方式,允许你在特定阶段执行自定义的逻辑。