Vue-我可以根据商店中商品的价值更改路由器组件吗？

Question

因此，我想根据商店中的状态更改路由器组件。这意味着，根据存储中的状态，路由器可以显示不同的模板页面。

Router.js：

import Router from 'vue-router'
import store from './store'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Homepage',
      component: () => import('@/' + store.state.theme.path + '/components/Hello')
    },
    {
      path: '/admin',
      name: 'Admin',
      component: () => import('@/cms/components/Admin')
    }
  ]
})

Store.js：

import Vuex from 'vuex'

Vue.use(Vuex);

export default new Vuex.Store({
    state: {
        theme: {
            path:'theme-00'
        }
    },
    getters: {
        theme: state => {
            return state.theme.path;
        }
    }
});

欢迎任何帮助！ 谢谢， 贾斯汀。