Senario perniagaan

Satu set aplikasi satu halaman perlu disambungkan kepada rakan kongsi yang berbeza, jadi UI perlu dilaraskan, dan kadangkala beberapa interaksi perlu diubah, tetapi keseluruhan proses pada dasarnya adalah sama.

Pada masa ini, kami merancang untuk menggunakan Vue untuk membina semula projek dan telah memisahkan logik perniagaan awam ke dalam lapisan perniagaan Walau bagaimanapun, semasa menulis komponen peringkat halaman, kami mendapati bahawa masih terdapat kebanyakan kod yang boleh digunakan semula, seperti pada halaman log masuk.

 // viewModel
｛ 
    phoneNum, smsCode, loginbtn
 }

Ia wujud dalam setiap versi Pada asasnya, satu set model pandangan boleh digunakan untuk menerangkan proses perniagaan ini, saya rasa bahagian kod berulang ini boleh digunakan semula.

Untuk setiap versi baharu, kebanyakan perubahan adalah gaya dan sedikit interaksi (terdapat juga banyak interaksi, tetapi proses logik perniagaan tertentu kekal tidak berubah).

Pernah dipertimbangkan:

Pilihan 1:

1.分割viewmodel到各子组件，构建该页面时，引用这些业务组件拼凑，添加／修改样式；
2.子组件间事件通信或动态注册data。
3.交互变更大，新增某个子组件。

Walau bagaimanapun, secara amnya perlu ada komponen UI dahulu dan kemudian komponen perniagaan Reka bentuk di sini adalah untuk mempunyai komponen perniagaan dahulu dan kemudian komponen UI.

Pilihan 2:

1.先编写ui组件
2.再编写viewmodel对应的流程逻辑
3.引用ui组件，mixin对应逻辑

Ideanya sangat bercelaru, tolong beri sedikit pendapat, terima kasih.