Vue.js應用程序架構，專注於可重用性和可伸縮性

Question

我正在開發已經為一個國家/地區構建的應用程序。 現在需要將其擴展到多個國家（超過20個），每個組成部分都需要進行微小的更改。 我如何實現使代碼可重用和可伸縮的實現：

• 新的回購協議（獨立發行版，不重復使用代碼，但易於擴展）
• 每個國家/地區的新文件夾，僅在有更改的情況下才有新文件（獨立，重復代碼很少，看起來可擴展）
• 在div上使用v-if決定顯示還是不顯示（依賴版本，高度可重用，但難於擴展，使代碼變臟）

應用程序結構/代碼：存在一種表格，其字段和驗證將根據國家/地區而變化。 加上少量橫幅，其橫幅布局基於國家/地區。

想知道我們如何構建這樣的Vue.js應用程序？

Answer 1

很難看到所有代碼，但是如果您已經在使用i18n更改語言字符串並且所做的更改確實很小，我認為v-if是您的最佳選擇。

Answer 2

我沒有使用v-if，而是將此邏輯委托給自定義組件：

代替：

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

做這個：

<h2>Country Specific</h2>
<custom-module country="currentCountry"/>

並將所有這些“按國家/地區”模塊分組到與“全球/共享”系統分開的特定文件夾下。