如果要在actions中發(fā)出請求，可以這樣做
// main.js

import VueResource from 'vue-resource' // 當然vue-source需要自己去npm下載
Vue.use(VueResource)
// actions.js 就是放actions的文件

import Vue from 'vue'
actions: {
isAccessToken({commit}, access_token) {
return Vue.http.get('/api/token', () => {
//...
})
}
}

如果要在actions中查看路由信息，試試這樣

// actions.js

import router from '../router' // 路徑不一定對，為router路由信息存放的路徑
actions: {
isAccessToken({commit}, access_token) {
return Vue.http.get('/api/token', () => {
console.log(router.currentRoute)
router.push({name: 'login'})
})
}
}

devtools追蹤狀態(tài)變化。事實上在vuex里面actions只是一個架構(gòu)性的概念，并不是必須的，說到底只是一個函數(shù)，你在里面想干嘛都可以，只要最后觸發(fā)mutation就行。異步競態(tài)怎么處理那是用戶自己的事情。vuex真正限制你的只有mutation必須是同步的這一點（在redux里面就好像reducer必須同步返回下一個狀態(tài)一樣）。同步的意義在于這樣每一個mutation執(zhí)行完成后都可以對應(yīng)到一個新的狀態(tài)（和reducer一樣），這樣devtools就可以打個snapshot存下來，然后就可以隨便time-travel了。如果你開著devtool調(diào)用一個異步的action

.安裝以下模塊，讓webpack可以解析css文件
cnpm install style-loader --save-dev
cnpm install css-loader --save-dev
cnpm install file-loader --save-dev
2.安裝elementUi模塊
cnpm install element-ui@next -S11
3.在webpack.base.conf.js中添加配置
{
test: /;;;;;;;;.css$/,
loader: style!css
},
{
test: /;;;;;;;;.(eotwoffwoff2ttf)([;;;;;;;;?]?.*)$/,
loader: file
}
4.然后在 main.js 引入并注冊
import Element from ;element-ui;
import ;element-ui/lib/theme-default/index.css;
Vue.use(Element)