成都建站网站模板flashfxp 上传网站

1.在做毕设遇到个问题

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

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

2.查资料

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

3.原因

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

4.解决办法

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

5.总结

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