Javascript Vue.js应用程序体系结构，侧重于可重用性和可扩展性

我正在为一个国家开发一个应用程序。现在需要将其扩展到多个国家（20多个国家），每个组成部分都有微小的变化。 如何实现代码的可重用性和可伸缩性，我认为：

• 新的Repo（独立发布，无代码重用，但易于扩展）
• 每个国家/地区都有新文件夹，只有在有更改时才有新文件（独立，很少重复代码，看起来可扩展）
• 在div上使用v-if来决定是否显示（依赖的版本，高度可重用，但难以扩展，使代码变脏）

应用程序结构/代码：有一个表单，其字段和验证将根据国家/地区而更改。加上少数横幅，其横幅布局是基于国家

---

想知道我们如何构建这样的Vue.js应用程序吗？

如果没有看到所有代码，很难知道，但是如果您已经在使用i18n更改语言字符串，而且更改非常小，我认为v-ifs是您最好的选择。

如果没有看到所有代码，很难知道，但是，如果您已经在使用i18n来更改语言字符串，并且更改非常小，我认为v-ifs是您最好的选择。

我会将此逻辑委托给自定义组件，而不是使用v-ifs：

而不是：

<h2>Country Specific</h2>
<v-if="country=='A'>
<v-if="country=='B'>
<v-if="country=='C'>
etc...

特定国家
我不使用v-ifs，而是将此逻辑委托给自定义组件：

而不是：

<h2>Country Specific</h2>
<v-if="country=='A'>
<v-if="country=='B'>
<v-if="country=='C'>
etc...

特定国家
为什么不添加i18n？是的，这将被添加。但我所说的更改是指，一些div对某些国家可见，而对其他国家不可见。是的，您可以通过使用所选i18n库的API来实现这一点，在该库中，您可以检查当前lang是否为该值或其他值，并只显示elements@BarbuBarbu好的，本文给出了一个语言示例。你有基于lang的元素显示隐藏的参考资料吗？你可以在这里查看API我以前没有使用过它为什么不添加i18n？是的，这将被添加。但我所说的更改是指，一些div对某些国家可见，而对其他国家不可见。是的，您可以通过使用所选i18n库的API来实现这一点，在该库中，您可以检查当前lang是否为该值或其他值，并只显示elements@BarbuBarbu好的，本文给出了一个语言示例。您是否有任何关于基于lang的元素显示隐藏的参考。您可以在这里检查API，我在使用i18n之前没有使用过它，但是更改超出了字符串范围。有一个表单，其字段和验证将根据国家/地区而更改，我想根据国家/地区（20+）将其设置为有条件的。使用20个ifs不会使代码看起来可读。使用i18n，但更改超出了字符串。有一个表单，其字段和验证将根据国家/地区而更改，我想根据国家/地区（20+）将其设置为有条件的。使用20个ifs并不能使代码看起来可读。是的，到目前为止，我的想法是一致的。制作国家级文件夹/组件，并基于在构建中传递的变量，导入所需的组件。是的，到目前为止，我的想法是一致的。创建国家/地区文件夹/组件，并基于在生成中传递的变量，导入所需的组件。