使用
Vue.js 中的生命周期钩子
Vue.js 是一个流行的前端框架，它提供了丰富的生命周期钩子，允许开发者在组件的不同阶段插入自定义逻辑。以下是 Vue.js 组件的主要生命周期钩子：
创建阶段（Creation）：
beforeCreate：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created：在实例创建完成后被立即调用。此时，实例已完成数据观测、属性和方法的运算，但尚未开始挂载（即 DOM 元素还未生成）；
挂载阶段（Mounting）：
beforeMount：在挂载开始之前被调用，相关的 render 函数首次被调用。mounted：在实例挂载到 DOM 后被调用。此时，组件已经生成了 DOM 结构，可以进行 DOM 操作。当页面的dom加载完的时候调用方法xxx，这里我就是在页面出来的时候直接调用这个获取数据库的属性方法，这样的话页面一出来数据就获取到了；
更新阶段（Updating）：
beforeUpdate：在数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。可以在此时进一步更改状态，不会触发附加的重渲染过程。updated：在数据更改导致的虚拟 DOM 重新渲染和打补丁之后调用。此时，组件的 DOM 已经更新，可以执行依赖于 DOM 的操作。
销毁阶段（Destruction）：
beforeDestroy：在实例销毁之前调用。此时，实例仍然完全可用。可以在此阶段进行清理工作，例如清除定时器、取消网络请求等。destroyed：在实例销毁后调用。此时，Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。
