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

最新推荐文章于 2024-05-10 17:57:11 发布
最新推荐文章于 2024-05-10 17:57:11 发布
阅读量8.4k 收藏 10
点赞数 7
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013447988/article/details/103494297
版权

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

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

在这里插入图片描述

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

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

不知道取啥名2021
关注
  • 7
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
9月每日笔记
Sco_114的博客
09-02 1002
有一个方法setData,监听路由变化 什么时候使用动态路由参数 把某种模式匹配到的所有路由映射到同个组件 路径参数用 : 标记 例子: /user/:id 不用v-model也能实现双向绑定数据 数据存放在vuex的state中 例: 组件模板这样写: script中这样写: 需要使用map辅助函数引入Actions 例子: ...
uniapp里面vue的mounted函数写哪里？
阿小绿的博客
12-09 1922
一句话：看文档。文档会告诉你一切。 uniapp的声明周期
created生命周期函数获取不到vuex数据解决方法
雄的博客
06-12 6044
问题：在created中获取vuex数据，然后去后端请求数据，发现获取的vuex数据不存在。 解决方法：使用watch监听vuex数据，当数据发生变化在去后端请求数据
第一节: 全面细致的理解创建vue3应用的 createApp函数
最新发布
我们专注于分享最实用的编程技术和干货，帮助你提升编程能力,感谢您的支持和关注！
05-10 1766
相信大家已经比较熟了, 就是父组件给子组件传参的方式. 问题在于根组件已经是顶级组件了, 没有父组件传入。类型, 可以查看源码. 我们可以通过在控制台输出的方式, 查看返回的应用对象都具有哪些属性.参数, 可以是一个真实DOM元素, 也可以是一个选择器字符串。模板是需要编译成渲染函数, 通过调用渲染函数, 获取返回的。的第一个参数除了可以是单文件组件, 也可以是选项对象。选项, 直接编写渲染函数, 渲染函数需要返回。函数的第一个参数, 接下来我们分析第二个参数。函数接受两个参数, 第二个参数是可选地,
【vue其他相关】欢迎讨论！异步请求放在生命周期中的created还是mounted，已填坑
庞囧的博客
05-24 7865
文章目录前言两个生命周期场景1场景2场景3补充 前言 在百度上搜这个问题，看到的答案都是相互复制粘贴的，而且个人觉得并没具体场景举例说明，并没有好的答案。于是自己立贴，留下这个坑，等日后遇到了一些场景，就把分析写在这里，把这个问题搞明白。 两个生命周期 created：data属性，methods属性，watch监听等都初始化好了，也就是可以使用了。 mounted：已经把内存中编译好的模板替换到页面中，也就是视图层已渲染成最新的，vue 实例完全创建完毕。可以操作DOM，但不保证所有子组件都挂载了。 场景
Vue生命周期详解
写代码的渣渣苏
03-24 3万+
Vue生命周期详解
谈一谈vue请求数据放在created好还是mounted里好
11-20
建议放在created里 created:在模板渲染成html前调用，即通常初始化某些属性值...补充知识：vue各阶段数据可使用情况：created，computed，data，prop，mounted，methods，watch created时，可用data和prop中的数据。 c
在vue中created、mounted等方法使用小结
10-15
在这个阶段，你可以进行数据初始化、异步数据获取或者设置监听器等操作。由于DOM尚未生成，所以无法直接访问或操作DOM元素。 2. **`mounted`**： - `mounted`钩子在实例被创建并且其对应的DOM元素已经被插入到文档...
Vue源码分析之Vue实例初始化详解
10-16
此外，`$children`、`$refs`、`_watcher`、`_inactive`、`_directInactive`、`_isMounted`、`_isDestroyed`和`_isBeingDestroyed`等属性被初始化，用于管理组件的状态和观察者。 接着是`initEvents`阶段。Vue实例在...
vue.js页面加载执行created,mounted的先后顺序说明
01-21
created页面加载未渲染html之前执行。 mounted渲染html后再执行。 由于created在html模板生产之前所以无法对Dom进行操作而...在项目开发中，我们会遇到这种需求，页面初始化时，父组件通过接口拿到需要数据，然后拿到
Vue实例中生命周期created和mounted的区别详解
12-01
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的...
vue请求数据放在created好还是mounted里好
都是狠人的博客
05-31 2万+
vue请求数据放在created好还是mounted里好 建议放在created里 created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。 如果在mounted钩子函数中请求数据可能导致页面闪屏问题 其实就是加载时机问题，放在created里会比moun...
vue里使用create、mounted调用方法的正确姿势
Honins的博客
09-05 9万+
首先，我之前有个错误的写法： 错误有2： 1，我一直以为在created里定义方法然后使用，其实这里的getCustomerInfo只是调用 2，所有的方法都应该在methods里定义，然后在created或者mounted里 使用this调用方法，用这种方式实现初始化 正确写法： 这样，页面开始会初始化信息，修改信息后会执行getCustomerInfo()方法刷新数据，这...
Vue 初始化获取数据应该放到 Created 还是 Mounted 中？
InterestAndFun的博客
11-15 6120
Vue 初始化获取数据应该放到 Created 还是 Mounted 中？ 以下片段摘自官方文档 created： 在实例创建完成后被立即同步调用。在这一步中，实例已完成对选项的处理，意味着以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的回调函数。然而，挂载阶段还没开始，且 $el property 目前尚不可用。 mounted： 实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了。如果根实例挂载到了一个文档内的元素上，当 mounted 被调用时 vm.$el 也在文档内。 注
Vue生命周期中mounted和created的区别
热门推荐
xdnloveme的博客
09-19 39万+
一、什么是生命周期？ 用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。 通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别： 二、created和mounted区别？ 官方图解如下: 我们从图中看两个节点： created:在模板渲染成html前调用，即通常初始化
vue获取后端数据放在created还是mounted方法里面？
weixin_42332641的博客
09-20 4509
一般放到created即可。 如果你修改了某个dom中的数据，视图并不会立即更新。Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。，此时获取关于此dom的一切操作都是无效的，怎么办？在nextTick的回调中执行即可。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后...
vue中created钩子函数与mounted钩子函数的使用区别
ygy211715的博客
04-25 5万+
1：在使用vue框架的过程中，我们经常需要给一些数据做一些初始化处理，这时候我们常用的就是在created与mounted选项中作出处理。首先来看下官方解释，官方解释说created是在实例创建完成后呗立即调用。在这一步，实例已完成以下配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。这话的意思我觉得...
vue在渲染之前拿到数据操作.......vue数据获取
dejiu1206的博客
06-29 4078
异步请求数据，但是生命周期函数也是异步的，怎么才能保证渲染之前就能拿到数据呢？ 官方给了两种方案, 我们可以在异步获取数据的时候加上一个loading表示现在在获取数据..... 由于ajax是异步操作，vue不能保证在渲染之前拿到数据，vue能做的是初始化页面隐藏，拿到数据再显示。 根据需求,我们可以在created,beforeCreate的时候调用接口获取数据，在...
vue怎么在初始化页面的时候自动获取数据
05-30
在Vue中，可以使用`created`或`mounted`生命周期钩子函数来在组件初始化时获取数据。其中，`created`是在组件创建完成后立即执行的函数，此时组件的DOM树尚未渲染，而`mounted`是在组件挂载到DOM树后执行的函数，在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值