vuex 和 vue-router如何结合使用？

Question

例如要实现用户登录后跳转，很自然的想到将login这个异步操作放到action，登录成功后再触发mutation来修改应用状态（设置已登录状态），但是之后如何触发路由跳转呢，这点我一直想不通……

Answer 1

import Vue from 'vue'; import VueRouter from 'vue-router'; import filters from './filters'; import routerMap from './routers'; import FastClick from 'fastclick'; Vue.use(VueRouter); $.ajaxSettings.crossDomain = true; //实例化Vue的filter Object.keys(filters).forEach(k => Vue.filter(k, filters[k])); //实例化VueRouterlet router = new VueRouter({     hashbang: true,     history: false,     saveScrollPosition: true,     transitionOnLoad: true}); //登录中间验证，页面需要登录而没有登录的情况直接跳转登录router.beforeEach((transition) => {     //处理左侧滚动不影响右边     $("html, body, #page").removeClass("scroll-hide");     FastClick.attach(document.body);     if (transition.to.auth) {         if (localStorage.userId) {             transition.next();         } else {             var redirect = encodeURIComponent(transition.to.path);             transition.redirect('/login?redirect=' + redirect);         }     } else {         transition.next();     }}); let app = Vue.extend({});routerMap(router);router.start(app, "#app");