vue中created与mounted的区别
参考博客:
https://blog.csdn.net/ygy211715/article/details/80079603
https://www.cnblogs.com/dehuachenyunfei/p/11811969.html
created官方解释:
created是在实例创建完成后被立即调用。在这一步,实例已完成以下配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el
属性目前不可见。
所以,一般creadted钩子函数主要是用来初始化数据。
mounted官方解释:
el
被新创建的 vm.$el
替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted
被调用时 vm.$el
也在文档内。
这意思是该钩子函数是在挂在完成以后也就是模板渲染完成以后才会被调用。
因此,Dom操作一般是在mounted钩子函数中进行的。
生命周期 | 是否获取dom节点 | 是否可以获取data | 是否获取methods |
---|---|---|---|
beforeCreate | 否 | 否 | 否 |
created | 否 | 是 | 是 |
beforeMount | 否 | 是 | 是 |
mounted | 是 | 是 | 是 |