created 与 mounted 区别

• created

  • created生命周期钩子在组件实例被创建后立即调用
  • 在这个阶段，组件实例已经被创建，但它的模板还没有渲染到DOM中．可以在这个阶段执行一些数据初始化和逻辑处理相关的任务．但无法访问到已经渲染的DOM元素
  • 通常用于进行数据的初始化、设置初始状态、进行异步请求(例如获取数据)，以及数据准备好后执行逻辑

• mounted

  • mounted生命周期钩子在组件的模板已经渲染到DOM中后触发
  • 在这个阶段,您可以访问和操作已经渲染的DOM元素,这通常用于执行需要访问DOM的任务,例如操作DOM元素,添加事件监听器,或执行与DOM相关的操作
  • 通常用于执行需要等待DOM渲染完成后才能执行的任务,以确保可以操作已经存在的DOM元素