vuex跟vue结合，怎么实现data钩子函数异步 resolve?

Question

我有一个vue项目是vuex 跟vue router和vue resource结合的，然后我有一个列表是从服务器异步获取数据再显示的，我在vue组件的route的data钩子函数中要调用一个vuex的action获取数据，action是用vue resource写的

代码如下：
home.vue

<div v-if="$loadingRouteData">loading...</div><div v-else>
    <list v-for="item in list">list...</list>
   </div>

vuex: { 
   getters: {      
     list: listGetters
    },  
      actions: {
       
        getList
    }
},
route: {
    data () {     
       this.getList();
    }
},

actions.js

export const getList= ({dispatch}) => {
    api.getList().then(response => { 
           if (!response.ok) {       
                return dispatch('GET_LIST_FAILURE');
        } else {
            dispatch('GET_LIST_SUCCESS', { list: response.list });
        }
    }, response => {
        dispatch('GET_LIST_FAILURE');
    })
}

我看vue router的文档说要在data钩子函数里面返回一个promise，但我的getList是包含一个vue resource的promise的，但是我在data钩子函数里如上面代码直接调用的话是同步resolve的，怎么实现在数据获取之后变为resolve?

Answer 1

看上去，你的data并没有按照官网的说明写哦：你的data里没有return你的getList也没有返回promise至于其它什么“但是我在data钩子函数里如上面代码直接调用的话是同步resolve的”，没看懂什么意思