Vue获取初始化数据是放在created还是mounted解读
更新时间：2023年03月24日 08:44:57 作者：不知道取啥名2021
这篇文章主要介绍了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 ElementUI之Form表单验证遇到的问题,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了vue.js 2.*项目环境搭建、运行、打包发布的详细步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要为大家详细介绍一下如何在Vue3中实现自定义指令，文中的示例代码讲解详细，具有一定的借鉴价值，需要的同学可以参考一下2022-07-07
这篇文章主要介绍了vue--select组件的使用与禁用的实现代码，非常不错，具有参考借鉴价值 ,需要的朋友可以参考下2018-04-04
element中el-table中的el-input校验的实现
本文主要介绍了element中el-table中的el-input校验的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了vue 实现模糊检索，并根据其他字符的首字母顺序排列,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
这篇文章主要为大家详细介绍了vue回到顶部监听滚动事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-08-08
elementUI Table组件实现表头吸顶效果(示例代码)
文章介绍了如何在vue2.6+和elementUI环境下实现el-table组件的表头吸顶效果,通过添加样式、注册指令、引入指令并在父元素中避免使用overflow:hidden,可以实现场景下表头始终可见,本文通过实例代码介绍的非常详细,感兴趣的朋友一起看看吧2025-01-01
今天小编大家分享一篇vuex存值与取值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了vue计算属性及函数的选择，文章围绕主题的相关资料展开详细介绍，需要的小伙伴可以参考一下2022-05-05
最新评论