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


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

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

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

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

  • Dom操作一般是在mounted钩子函数中进行的


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM