当前位置: 首页 > news >正文

vue中父组件与子组件的created方法执行顺序

1.在做毕设遇到个问题

场景:退出登录后切换账号希望父组件Manage下的子组件Header的头像与用户名得到更新

一开始的做法:在父组件created方法中存放用户信息到localstorage,然后再在子组件header的created方法中取本地存储,发现父组件正确能够存储信息,但子组件信息不更新。

2.查资料

发现created方法是先执行父组件再执行子组件的,是个同步操作

3.原因

父组件存放用户信息时需要执行一个网络请求,这是异步操作,导致子组件拿不到信息

4.解决办法

父组件存储信息后,通过父传子方式传信息给子组件。

5.总结

vue中父组件与子组件的created方法是先父后子且同步的,但如果created中有异步方法可能会影响实际效果。

 

 

相关文章:

  • Linux内核实时机制28 - RT调度器11 - RT 组调度
  • C# PaddleOCR字符识别
  • Git 使用指南
  • OSPF-5 3类LSA SummaryLSA
  • MySQL---DDL(3.17)
  • 【工作记录】F12查看接口信息及postman中使用
  • 【鸿蒙开发】Hi3861学习笔记- 定时器中断
  • 谷歌生态变革!Google Play宣布上线PC游戏平台
  • python中多重继承和泛型 作为模板让子类实现具体业务逻辑
  • MySQL 基础学习文档
  • 李宏毅NLP-1-课程介绍
  • Excel导出工具类--复杂的excel功能导出(使用自定义注解导出)
  • C++实现线程安全的队列
  • 【Spring】第二弹:通过反射机制初步理解 IoC
  • C++从入门到入土(八)——多态的原理
  • 【GIS】重要技术3DGS
  • 改变一生的思维模型【12】笛卡尔思维模型
  • 【嵌入式学习】计算机组成原理-二进制存储基础
  • Spring Boot 的自动装配
  • 几种常见的激活函数解析
  • 从600名外到跻身大满贯,孙发京:走过的路成就了现在的我
  • 寒武纪陈天石:公司的产品力获得了行业客户广泛认可,市场有望迎来新增量需求
  • 最美西游、三星堆遗址等入选“2025十大年度IP”
  • 武汉旅游体育集团有限公司原党委书记、董事长董志向被查
  • 马克思主义理论研究教学名师系列访谈|董雅华:让学生感知马克思主义理论存在于社会生活中
  • 印度杰纳布河上游两座水电站均已重新开闸