我使用hackernews Vuejs作为模板 . 当我在组件中使用AsyncData时,它无法正常工作
AsyncData
asyncData({ store }) {
return store.dispatch('LOCATIONS');
},
Action
LOCATIONS: ({ commit, state }) => {
return state.locationList.length ? Promise.resolve(state.locationList) : axios.get('http://localhost:3000/api/Locations').then(({ data }) => commit('SET_LOCATIONS', data))
}
当我从created()或beforeMounted()等调用相同的操作时,它正在工作,状态正在更新,但当使用asyncData时,API甚至没有被调用 .
1 回答
以下是nuxtjs.org的答案: