关于网友提出的“ (vue.js)vuex数据在什么时候初始化比较合适使用vue-resource情况下”问题疑问,本网通过在网上对“ (vue.js)vuex数据在什么时候初始化比较合适使用vue-resource情况下”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:
问题: (vue.js)vuex数据在什么时候初始化比较合适使用vue-resource情况下import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
posts: [], // 储存取得的全部文章
}
const mutations = {
FETCH_POSTS_REQUEST(state) { },
FETCH_POSTS_SUCCESS(state, posts) { state.posts = posts },
FETCH_POSTS_FAILURE(state, res) { }
}
export default new Vuex.Store({
state,
mutations
})
actions.js
import Vue from 'vue'
export const fetchPosts = ({dispatch}) => {
dispatch('FETCH_POSTS_REQUEST')
// 重要!记得要 return ,data那里才取得到 Promise
return Vue.http.get('https://jsonplaceholder.typicode.com/posts')
.then(res => {
dispatch('FETCH_POSTS_SUCCESS', res.json())
})
.catch(res => {
dispatch('FETCH_POSTS_FAILURE', res)
return Promise.reject() // 这边必须手动 reject
})
}
App.vue
PostListPage
FOO
读取到了{{posts.length}}笔资料