vue中父组件与子组件的created方法执行顺序
1.在做毕设遇到个问题
场景:退出登录后切换账号希望父组件Manage下的子组件Header的头像与用户名得到更新
一开始的做法:在父组件created方法中存放用户信息到localstorage,然后再在子组件header的created方法中取本地存储,发现父组件正确能够存储信息,但子组件信息不更新。
2.查资料
发现created方法是先执行父组件再执行子组件的,是个同步操作
3.原因
父组件存放用户信息时需要执行一个网络请求,这是异步操作,导致子组件拿不到信息
4.解决办法
父组件存储信息后,通过父传子方式传信息给子组件。
5.总结
vue中父组件与子组件的created方法是先父后子且同步的,但如果created中有异步方法可能会影响实际效果。