Vue開發中怎麼去處理多人協做開發(一) ---- 路由篇

前言

在項目開發中，不少時候不僅一我的在開發項目，很容易發生文件衝突，覆蓋代碼的狀況，這時候模塊化的做用就體現出來了，怎麼作到本身管理和維護好本身的文件，怎麼樣讓項目耦合性低，維護成本低，是一個比較值得深刻探索的問題。下面是我對於多人合做的一種想法，不足之處請你們多多包涵。若是有更好的解決方案，能夠的話，請在評論下方留言！

行動

現實狀況

以vue-cli爲例子，當咱們搭好腳手架的時候，進入src-router-index.js基本上咱們都是在這個文件上寫路由的，這就有個問題，但項目大起來的時候，咱們想改本身寫的路由的時候，以下圖

發現不知道哪一個是你的，你就很頭疼。

修改方式

導出模塊

咱們能夠在src-router建立一個文件夾modules在modules文件夾裏建立屬於你的文件如我本身Felix.js。

如圖：

經過export default的方式去導入你的路由數組

導入模塊

經過這種方式，咱們就能夠去寫本身的路由，只要有一個統一的入口，咱們將咱們的路由對象引用進來。經過模塊的方式，一步一步的將本身的項目切割成一個個模塊。Vuex的作法也差很少，我會在第二篇實現Vuex的分模塊作法和調用方式，敬請期待！

---

建議

個人想法是每一個路由的名稱以本身獨有的字母開頭，這樣一看就知道誰寫的，還能夠防止命名衝突！

最後

謝謝你們！但願能對大家有所幫助，有什麼問題能夠在評論下方提出，期待有更好的解決方案，學習一下！咱們下篇再見！

請勿未經容許轉載，謝謝合做

聯繫我:652165177(QQ)