vuex-router-sync的使用

懒得废话直接上代码

main.js 
 

import Vue from 'vue'
import App from './App.vue'
import store from "./store"
import router from "./router"
import {sync} from "vuex-router-sync"
sync(store, router)
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')

store.js
 

import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex)
export default new Vuex.Store({
    state: {

    },
    actions: {
        chengeRouter(state) {
            console.log(state)
        }
    }
})

页面
 

<template>
  <div>首页</div>
</template>

<script>
export default {
    created() {
        this.$store.dispatch("chengeRouter", "测试")
    }
}
</script>

<style>

</style>

输出

结果就是能够在vuex上拿到当前路由的参数了