vue中created钩子函数与mounted钩子函数的使用区别

调用接口应该在mounted钩子中进行。

created:官方解释说:created是在实例创建完成后被立即调用。
在这一步,实例已完成以下配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。

  • 也就是说,模板还没有被渲染成html,也就是这时候通过id什么的去查找页面元素是找不到的。
  • 所以,一般creadted钩子函数主要是用来初始化数据。

mounted:官方解释说:el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。
如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内。

  • Dom操作一般是在mounted钩子函数中进行的
posted @ 2021-05-18 14:33  嘿!那个姑娘  阅读(560)  评论(0编辑  收藏  举报