vue常用專案結構封裝分析及心得

2021-10-08 08:56:15 字數 739 閱讀 6358

下面我只把最常用的結構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...