Как связать список маршрутов с переменной магазина?

Question

Есть ли способ связать список маршрутов:

// router.js
export default new Router({
   routes: [
      { path: '/', component: Page },
      { path: '/page1', component: Page1 },
      { path: '/page2', component: Page2 },
   ]
})

... с переменной в хранилище:

// store.js
export default new Vuex.Store({
   state: {
      routes_list: []
   }
})

?

Answer 1

Вам необходимо добавить геттер для вашего списка. Что-то вроде:

export default new Vuex.Store({
   state: {
      routes_list: []
   },
  getters: {
    routesList: state => {
      return state.routes_list;
    }
  }
})

Затем вы можете импортировать ваш Магазин в router.js и использовать созданный геттер для получения списка:

// maybe your path is different
import Store from '@/store/index';
export default new Router({
   routes: Store.getters.routesList
})

Я не проверял код роутера, возможно, вам нужно внести некоторые исправления.