Vue 解决接口获取变量延时问题computed

App.vue

问题：此处需要的username变量，从NavHeader组件中拿，进入项目时是先加载App.vue组件，再加载NavHeader组件，接口请求有延时，所以此时可能拿不到username值

export default {
   methods:{
        getUser(){
            this.axios.get('/user').then((res)=>{
                this.$store.dispatch('saveUserName',res.username);
            })
        },
    }
}

NavHeader.vue

export default {
    data() {
        return {
            username: this.$store.state.username,
        };
    },
}

解决方法：加载NavHeader组件后，当变量已返回，此时变量发生变化了会重新再计算一次，修改如下

computed:{
        username(){
            return this.$store.state.username;
        }
    },