我對小型頁面應用程序或小型組件使用VueJs。 但現在我試圖用VueJS構建一個應用程序的整個前端。VueJS buil大型應用程序體系結構
我在項目的架構上遇到了一些麻煩。
我應該爲每個頁面創建一個組件嗎? (像vue路由器文檔) like:HomePage,ArticlePage,LoginPage,ContactPage等..
但是,如何組織我的組件文件夾與這麼多的組件? 我想知道是否有一些典型的大型應用VueJs架構?
這裏是我的架構,我VueJS項目:
我對小型頁面應用程序或小型組件使用VueJs。 但現在我試圖用VueJS構建一個應用程序的整個前端。VueJS buil大型應用程序體系結構
我在項目的架構上遇到了一些麻煩。
我應該爲每個頁面創建一個組件嗎? (像vue路由器文檔) like:HomePage,ArticlePage,LoginPage,ContactPage等..
但是,如何組織我的組件文件夾與這麼多的組件? 我想知道是否有一些典型的大型應用VueJs架構?
這裏是我的架構,我VueJS項目:
即結構細,我想你有它裏面src/
。結構總是非常主觀的東西,所以沒有一個完美的方式。你是一個會處理它的人,所以你應該讓它感覺更舒適。
我還使用一個名爲指令的文件夾,另一個用於插件,另一個用於放置「頁面」內容的視圖。
例子:
├ assets
├ components
│ ├ alerts.vue
│ └ menu.vue
├ directives
│ └ datepicker.vue
├ plugins
│ ├ auth.js
│ └ alerts.js
├ views
│ ├ home.vue
│ └ users
│ ├ edit.vue
│ └ list.vue
├─ App.vue
└─ main.js
也儘量不要混淆資產的文件夾,裏面因爲在src/
一個是一個將要處理連線。對於不需要處理的公共資產,或者您不想將其放在static/
文件夾中的文件夾。