Vue 获取初始化数据是放在created还是mounted

官方文档：也就是说Vue实例中的data和methods已经使用了。但是还没有挂载到页面上。可以在created里面去后端获取数据。当进入mounted这个生命周期函数。此时页面已经渲染出来，可以进行dom操作。总而言之。created生命周期函数，可以去后端异步获取数据，并保存到data里面。mounted的话，如果需要在页面上操作dom，就要在这个函数执行。但是注意 mounted...

不知道取啥名2021

8508人浏览 · 2019-12-11 16:13:04

不知道取啥名2021 · 2019-12-11 16:13:04 发布

官方文档：
在这里插入图片描述

也就是说Vue实例中的data和methods已经可以使用了。但是还没有挂载到页面上。可以在created里面去后端获取数据。

在这里插入图片描述

当进入mounted这个生命周期函数。此时页面已经渲染出来，可以进行dom操作。

总而言之。created生命周期函数，可以去后端异步获取数据，并保存到data里面。
mounted的话，如果需要在页面上操作dom，就要在这个函数执行。但是注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，那就需要使用到vm.$nextTick

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^