生命周期

Vue.js 组件的生命周期钩子函数按执行顺序可以分为8个阶段：

beforeCreate（创建前）：在实例初始化之后，数据观测和事件配置之前被调用，此时组件的 data 和 methods 中的数据还未初始化。

created（创建后）：在实例创建完成后被立即调用，此时组件的 data 和 methods 已经初始化，可以访问数据和方法，但还未挂载到 DOM 上。

beforeMount（挂载前）：在挂载开始之前被调用，此时模板编译已经完成，但还未将模板渲染到页面中。

mounted（挂载后）：在挂载完成后被立即调用，此时组件已经被渲染到页面中，可以访问 DOM 元素。

beforeUpdate（更新前）：在数据更新之前被调用，这里不能更改数据，但可以访问更新前的数据和状态。

updated（更新后）：在数据更新被重新渲染和应用到组件之后调用，此时组件更新完毕，可以访问更新后的状态和 DOM。

beforeDestroy（销毁前）：在实例销毁之前被调用，此时组件实例仍然完好，可以访问组件的状态和 DOM 元素。

destroyed（销毁后）：在实例销毁之后调用，此时组件实例已经被完全销毁，无法访问组件的状态和 DOM 元素。