如何在Vue 2 Vuex商店中使用$route？

npm install vue-router

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

// 定义路由
const routes = [
  // 路由配置
]

// 创建路由实例
const router = new VueRouter({
  routes
})

// 将路由实例注入Vue实例
new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 状态
  },
  mutations: {
    // 修改状态的方法
  },
  actions: {
    // 异步操作
    updateRoute({ commit }, route) {
      // 使用$route获取当前路由信息
      commit('UPDATE_ROUTE', route)
    }
  }
})

export default store

import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['currentRoute'])
  },
  created() {
    // 在组件创建时调用action更新路由信息
    this.$store.dispatch('updateRoute', this.$route)
  }
}