vue中created mounted 与 异步任务

两个生命周期

  • created:data属性,methods属性,watch监听等都初始化好了,也就是可以使用了。

  • mounted:已经把内存中编译好的模板替换到页面中,也就是视图层已渲染成最新的,vue 实例完全创建完毕。可以操作DOM。理论上内部的子组件也执行完了mounted。

异步任务与它两的关系

vue会先将created和mounted里的同步代码先执行完,才会开启下一轮的事件循环去执行这俩钩子里异步请求的方法。

关于异步任务放在那个周期

如果是单单的一个父级组件,放哪里都无所谓。
但是如果涉及到了要控制子父组件先后显示正确内容的时候,就可以考虑下父组件的请求要放在哪个钩子里了。想要子组件先拿到数据渲染就放在mounted中,想要父组件先拿到数据就放在created中。

posted @ 2023-02-20 13:51  yunChuans  阅读(486)  评论(0编辑  收藏  举报