vue 接口数据返回之后再渲染页面_vue首页异步请求后数据不渲染

自己遇到的问题记录一下，做一个企业微信鉴权登录，首页获取用户信息存session方便后续页面调用。

在App.vue中写了鉴权，调用接口拿到了返回的用户信息，并且存在了session中。但是在首页home.vue中拿取不到session数据。后来查了半天，请教了几个vue同行知道问题出在了哪里。

由于是异步请求，而app和home在请求还未完成时就已经加载完毕了，导致从session中拿取不到数据。知道问题出在哪里就可以针对性解决了。

本来想通过vuex去解决，但是这个问题只存在首页，没必要引入vuex，所以就使用了evenbus去传值。不说了，上代码。

首先现在main.js里

main.js

import Vue from 'vue'

import App from './App'

import router from './router'

// 引入URL配置

import ajax from '../static/config/request'

Vue.config.productionTip = false;

Vue.prototype.$axios = ajax;

// 声明一个全局的evenbus

window.evenBus = new Vue();

App.vue

created(){

// 初始化调试工具

var vConsole = new VConsole();

// 授权登陆

if(!this.getCode('code')) {