vue項目中src的介紹

api 和 views

簡單截取一下公司後臺項目，如今後臺大概有四五十個 api 模塊

如圖可見模塊有不少，並且隨着業務的迭代，模塊還會會愈來愈多。 因此這裏建議根據業務模塊來劃分 views，而且 將views 和 api 兩個模塊一一對應，從而方便維護。以下圖：

如 article 模塊下放的都是文章相關的 api，這樣無論項目怎麼累加，api和views的維護仍是清晰的，固然也有一些全區公用的api模塊，如七牛upload，remoteSearch等等，這些單獨放置就行。

components

這裏的 components 放置的都是全局公用的一些組件，如上傳組件，富文本等等。一些頁面級的組件建議仍是放在各自views文件下，方便管理。如圖：

store

這裏我我的建議不要爲了用 vuex 而用 vuex。就拿我司的後臺項目來講，它雖然比較龐大，幾十個業務模塊，幾十種權限，但業務之間的耦合度是很低的，文章模塊和評論模塊幾乎是倆個獨立的東西，因此根本沒有必要使用 vuex 來存儲data，每一個頁面裏存放本身的 data 就行。固然有些數據仍是須要用 vuex 來統一管理的，如登陸token,用戶信息，或者是一些全局我的偏好設置等，仍是用vuex管理更加的方便，具體固然仍是要結合本身的業務場景的。總之仍是那句話，不要爲了用vuex而用vuex！

做者：花褲衩
連接：https://juejin.im/post/684490...
來源：掘金
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。