vue的生命钩子函数有哪些？

Vue 的生命周期钩子函数可以分为 4 类：

1. 创建阶段

- beforeCreate：实例刚刚被创建，组件属性计算之前，如 data、methods 等都还未初始化。
- created：实例已经被创建，组件属性已经绑定，但真实的 DOM 还未生成，$el 属性还不存在。

2. 挂载阶段

- beforeMount：模板编译完成，但还未挂载到页面中。
- mounted：实例已经挂载到页面中，DOM 结构已经生成。此时可以访问到 $el 属性。

3. 更新阶段

- beforeUpdate：组件更新之前，可以在这里进行更改数据的操作。
- updated：组件更新完成，DOM 已经重新渲染。此时可以访问到更新后的 DOM。

4. 销毁阶段

- beforeDestroy：实例销毁之前，可以在这里进行一些清理工作。
- destroyed：实例已经被销毁，此时所有的事件监听和子实例都已经被销毁。

相关问题

Vue 的生命周期钩子函数有哪些？它们分别在什么时候执行？

ChatGPT: Vue 的生命周期钩子函数包括 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy 和 destroyed。它们分别在组件实例创建前、实例创建后、挂载前、挂载后、更新前、更新后、销毁前和销毁后执行。

vue 的父组件和子组件生命周期钩子函数执行顺序？

Vue的父组件和子组件生命周期钩子函数执行顺序是先执行父组件的钩子函数，再执行子组件的钩子函数。具体来说，父组件的beforeCreate、created、beforeMount钩子函数会在子组件的beforeCreate、created钩子函数之前执行，而父组件的mounted钩子函数会在子组件的mounted钩子函数之后执行。在更新过程中，父组件的beforeUpdate、updated钩子函数也会在子组件的beforeUpdate、updated钩子函数之前执行。最后，父组件的destroyed钩子函数会在子组件的destroyed钩子函数之后执行。