beforeCreate: 在实例初始化之后、数据观测和事件配置之前被调用
created: 在实例准备就绪后被调用。可以访问已设置的数据、计算属性、方法、DOM等
beforeMount: 在挂载开始之前被调用。这时模板已编译完成,但尚未渲染到真实的DOM中
mounted: 在挂载完成后被调用。可以访问到渲染后的DOM,常用于进行API调用或添加事件监听
beforeUpdate: 在数据更新时、重新渲染之前被调用。可以在此修改数据,但不会触发附加的重新渲染
updated: 在数据更新时、重新渲染完成后被调用。可以执行依赖于DOM的操作
beforeDestroy: 在实例销毁之前被调用。可以进行清理工作,如取消定时器、解绑事件等
destroyed: 在实例销毁后被调用。此时Vue实例及其所有的直接父组件已被完全销毁
created在实例创建后被立即调用,此时还未挂载DOM。它适合做一些初始化工作,如数据请求、事件监听等
mounted在实例挂载到DOM后被调用,此时可以访问到渲染后的DOM。它适合进行DOM相关的操作,如获 取DOM元素、添加事件监听、使用第三方库等
对于请求接口使用,一般推荐在mounted中进行。因为在created阶段,组件还未挂载到DOM,无法操作DOM元素。而在mounted阶段,组件已经挂载到DOM中,可以直接访问到DOM元素,适合发送异步请求获取数据,然后进行渲染和更新操作