(vue.js)vuex数据在什么时候初始化比较合适使用vue-resource情况下

来源:互联网  时间:2016/7/11 0:14:44

关于网友提出的“ (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



上一篇(vue.js)sublime软件中安装了syntaxhighlighter 但是vue文件没有高亮显示 请问还需要什么其他设置
下一篇(vue.js)vue+webpack 构建好的项目,在微信开发者工具正常打开,但是在手机上白屏
明星图片
相关文章
《 (vue.js)vuex数据在什么时候初始化比较合适使用vue-resource情况下》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)