可能你會想,別扯了誰不知道Vue是MVVM的吨掌,你還扯啥MVC呀半抱。
這個沒毛病呀脓恕,Vue的內(nèi)部代碼采用了MVVM的方式,但是這個并不影響我們的項目采用什么方式窿侈。
那么項目是否可以采用MVC設(shè)計模式來架構(gòu)呢炼幔?——當(dāng)然是可以的。
MVC是一種設(shè)計模式史简,可以廣闊的應(yīng)用在各種項目里乃秀,前端可以用,前后端不分的項目也可以用圆兵,比如ASP.net MVC 跺讯。
技術(shù)棧
- vue3
vue2不太了解,不知道是否適用殉农。先在 Vue3 的項目里面嘗試一下刀脏。
思路
先畫個腦圖表示一下:
MVC
把 Controller 作為核心:
- 一方面和后端交互數(shù)據(jù)(API);
- 一方面和Vue交互數(shù)據(jù)(model)统抬。
是不是很簡潔火本。
如果你熟悉 Vuex 的話,那個 action 就是干這個事情的聪建。
而在 Vue3 里面可以更靈活钙畔,我們直接建立單獨的 js 文件即可。
所以項目里面就不需要 Vuex 了金麸,可以自己寫一個輕量級的狀態(tài)管理:http://www.reibang.com/p/f7ca0f2efc44
然后可以在此基礎(chǔ)上實現(xiàn)各種功能擎析。
文件結(jié)構(gòu)
設(shè)置controller 文件夾,集中管理各種js文件挥下,非常方便揍魂。
controller