如何处理加载不同类型组件的多品牌Vue.js项目？

Question

我想创建一个多品牌的Vue.js项目。

根据域，我们将确定品牌。所有品牌将使用相同的路线，但在视图中加载不同的组件。视图也可以共享某些组件。

例如；

品牌1使用组件1、2、3

品牌2使用组件3、5、6

那种情况下最好的结构是什么？

1）解决路由文件。我们将根据品牌代码加载视图。例如：views / brand1 / home.vue和views / brand2 / home.vue

2）解决视图文件。根据品牌参数加载特定的组件。

3）其他...

致谢。

Answer 1

我投票决定关闭您的问题，因为它主要是基于选择论，并且在很大程度上取决于您应用程序的具体实现细节。

在代码拆分和可重用性方面，有可能将用例映射到惰性路由https://router.vuejs.org/guide/advanced/lazy-loading.html#lazy-loading-routes