下面我只把最常用的結構copy出來:
components 資料夾 復用檢視**邏輯 (俗稱元件)
page 資料夾 頁面 (元件的拼接組合)
router.js 頁面嚮導,相當於導向不同頁面及元件的伺服器
api.js 與服務端互動時候的js業務邏輯
store資料夾 vuex 狀態管理,其中modules部分很重要,多看看有利於你以後成為重量級前端
js邏輯層 資料夾 處理復用或重要邏輯
package.json 各種第三方包庫的名稱 和 版本號
* 懶載入 很重要,不懶乙個chunk,懶了多個chunk(看不懂,自行搜尋懶載入的機制和理論)
* 邏輯js資料夾 處理復用 重點js邏輯的容器,利用物件導向和node模組化的封裝思維,要封裝!利於程式設計思維的養成和重複**的迴圈使用
ps: 尤佬發布了vue3.0和vite大家可以自行搜尋,略微改變了vue的使用方法和底層載入模式,很強大
跟上時代,爭做編碼前鋒,
vite可以告別繁冗的webpack 操作,樂在其強大,悲在白學webpack了
(typescript也得學,整合js化為強類語言,大型企業必用,近幾年的大勢所趨!)
自從模組化規範出來後,可以說前端正在後端的開發模式慢慢靠近 ------ mvc 永遠滴神!(mvvm是框架模式,並非開發模式,要有所區分),看不懂的看我的專案結構分層,(模組化(module)檢視層(view),邏輯層(controller))
完畢!
springboot常用專案結構與工具類
一 常用的專案結構及說明 2 configs 放置通用的配置 utils 放置通用的工具 exceptions 放置自定義的異常型別和異常處理 commons 放置一些通用的基礎類 二 常用配置與工具 1 跨域配置 configuration public class corsconfig 2 re...
專案經理常用專案管理工具及方法
專案管理涉及有效的計畫和對工作的系統管理,但很多任務具可以使專案管理更有效 更高效。專案合理拆解 當我們確定了專案目標後,無疑要對目標進行拆解使其具有可行性,這裡推薦用wbs理論將要完成的工作進行層次化的分解。而飛項的事項拆解就能滿足我們的需求,它支援將事項進行 拆解,每層擁有20個子事項,最大化滿...
電商系統VUE專案基礎方法封裝及使用
首先在ui utils目錄下建立三個js檔案 foundation.js 放一些常用的基礎方法 regexp.js 放正則驗證 index.js 匯入匯出檔案 將unix時間戳轉換為指定格式 param unix 時間戳 秒 param format 轉換格式 returns export func...