2016-10-13 78 views
1

我對小型頁面應用程序或小型組件使用VueJs。 但現在我試圖用VueJS構建一個應用程序的整個前端。VueJS buil大型應用程序體系結構

我在項目的架構上遇到了一些麻煩。

我應該爲每個頁面創建一個組件嗎? (像vue路由器文檔) like:HomePage,ArticlePage,LoginPage,ContactPage等..

但是,如何組織我的組件文件夾與這麼多的組件? 我想知道是否有一些典型的大型應用VueJs架構?

這裏是我的架構,我VueJS項目:

VueJs architecture

回答

1

即結構細,我想你有它裏面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/文件夾中的文件夾。

0

您應該製作更多的文件夾和子文件夾來對架構進行分類。

我分享我目前使用這種方法,它更可重用,更喜歡你在一個多人開發團隊內。

絕對適合大型應用。它包括3個零件。

Part 1Part 2Part 3