國立清華大學
先說在前面每個公司或專案的結構都不,請跟據團隊的共識開發。 根據我的經驗,每個主要頁面為一個.vue檔及一個.js檔,(css檔的部分則另外統一放,用 class 去控制元件樣式)。 之所以要分成.vue檔及.js檔是為了把頁面的排版結構(template或是html這種)及邏輯的部分分開(js的部分),這是為了後續維護方便,如果之後要修改排版,就改.vue檔,要改邏輯,就改js檔。 而每個頁面裡面可能又分成不同區域,也可視作小的 component,因此在每一頁的資料夾下,可以再開一個 components 資料夾,專門用來放這頁會用到的 components。 另外提一點,之所以要模組化,為了複用是一個原因,但不是唯一原因,就像你可以把所有的程式碼寫在一個檔案裡,可能寫個一萬行,而模組化另一個原因就是把整個系統區分成不同區塊,要修改哪邊只要開啟該部分的檔案修改,不用從一個檔案的一萬行中找到要修改的地方,因此模組化也是為了維護性及可讀性。