vue中created钩子函数与mounted钩子函数的使用区别
调用接口应该在mounted钩子中进行。
created:官方解释说:created是在实例创建完成后被立即调用。
在这一步,实例已完成以下配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
- 也就是说,模板还没有被渲染成html,也就是这时候通过id什么的去查找页面元素是找不到的。
- 所以,一般creadted钩子函数主要是用来初始化数据。
mounted:官方解释说:el 被新创建的 vm.$el
替换,并挂载到实例上去之后调用该钩子。
如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内。
- Dom操作一般是在mounted钩子函数中进行的