業務場景一套單頁應用，由于需要接入到不同的合作方，因此需要對ui進行調整，有時需要變更一些交互，但整個流程基本一致。目前打算用vue重構項目，已將公共的業務邏輯抽離成業務層，但編寫頁面級組件時發現，依然存在大部分可復用代碼，例如在登錄頁面上： // viewModel｛      phoneNum, smsCode, loginbtn  }對于每個版本都存在，基本上可以用一套viewmodel去描述這個業務流程，我認為這部分重復代碼是可復用。對于每次新增的版本而言，大多數改動的是樣式，少量的交互（也存在動很多交互，但具體業務邏輯流程不變）。曾經考慮：方案一：1.分割viewmodel到各子組件，構建該頁面時，引用這些業務組件拼湊，添加／修改樣式； 2.子組件間事件通信或動態注冊data。 3.交互變更大，新增某個子組件。但是，一般應該先有ui組件，再有業務組件，此處設計是先有業務組件，再有ui組件。方案二：1.先編寫ui組件 2.再編寫viewmodel對應的流程邏輯 3.引用ui組件，mixin對應邏輯思路十分凌亂，還請各位給點意見，謝謝。