VueX和Vue-router路由结合使用

VueX和Vue-router路由结合使用

版本环境：“vuex”: “^3.4.0”, “vue”: “^2.6.11”,“vue-router”: “^3.2.0”,

例如现在我想在我每次修改路由地址的时候将这个地址存入vuex,进行动态管理，观察改动等等

参考了 https://forum.quasar-framework.org/topic/4160/solved-access-vuex-store-in-router-js

首先在 vuex中写入需要的 state、mutations、actions等子模块

import Vuex from 'vuex';
Vue.use(Vuex)
export default new Vuex.Store({
   
  state:{
   
    curRoutePath: '', //当前路由地址
  },
  mutations:{
   
     	CHANGE_CUR_ROUTE_PATH(state, payload) {
    //同步存储
			state.curRoutePath = payload
		}, 
  }