Vue获取初始化数据是放在created还是mounted解读
获取初始化数据是放在created还是mounted
官方文档
也就是说Vue实例中的data和methods已经可以使用了。但是还没有挂载到页面上。可以在created里面去后端获取数据。
当进入mounted这个生命周期函数。此时页面已经渲染出来,可以进行dom操作。
总而言之。created生命周期函数,可以去后端异步获取数据,并保存到data里面。
mounted的话,如果需要在页面上操作dom,就要在这个函数执行。
但是注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,那就需要使用到vm.$nextTick
关于created与mounted区别
created mounted
1)created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。
2)mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue项目npm操作npm run serve或npm run dev报错及二者
这篇文章主要介绍了Vue项目npm操作npm run serve或npm run dev报错及二者的区别说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10uni-app项目中引入Vant UI组件库完美避坑指南(纯净版)
网上百度uniapp使用vant时,很多答案都是在根路径下创建文件夹,而且都是基于小程序环境的,其实uniapp可以直接使用的,这篇文章主要给大家介绍了关于uni-app项目中引入Vant UI组件库完美避坑指南的相关资料,需要的朋友可以参考下2024-02-02vue 使用Jade模板写html,stylus写css的方法
这篇文章主要介绍了vue 使用Jade模板写html,stylus写css的方法,文中还给大家提到了使用jade注意事项,需要的朋友可以参考下2018-02-02解决@vue/cli安装成功后,运行vue -V报:不是内部或外部命令的问题
这篇文章主要介绍了解决@vue/cli安装成功后,运行vue -V报:不是内部或外部命令的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
最新评论