項目主要注重快速高效的開發,在前后端分離帶來的工作量下,盡量增加前端的可復用性來減少后期的大量工作。
復用不等于復制,但在一定程度上,要利用好復制
公共組件是不可復制的,而且與外界無關,它是復用的。
但公共組件所暴露出的數據,事件,在父組件中會與其它組件混淆。通過組件混入配套方案,可以通過復制混入文件,實現更多場景應用,達到快速編碼的目的。
- 同一個頁面,可能會引用多個公共組件,這樣會有以下幾個問題:
1.data數據混淆
2.事件混淆
3.同一生命周期,方法等內部可能執行為不同組件服務的方法
4.更多
- 如果要處理以上問題,可以將服務于單個公共組件的數據,事件,方法,生命周期等寫入混入文件獨立開,但必須要解決以下幾個問題:
1.父組件中同一接口可能多個組件共享
2.同一方法可能多個組件共享
3.同一狀態可能多組件共享
4.同一data,props等可能多組件共享
等
所以必須加以規范,之后可直接復制該混入文件,直接使用。
1. 混入文件只為單個(包括嵌套)組件服務
2. 混入文件名稱與所服務組件命名一致
3. data內只包含所服務組件的數據
4. 只處理所服務組件的事件,方法
5. 不調用頁面組件的方法(如果頁面組件中多個組件使用相同的方法,每個混入文件會自動覆蓋)
6. 每個混入文件可單獨調用接口,行為與頁面組件一致
7. 頁面可通過調用混入文件中的方法進行傳參
8. 混入文件是專為某個組件服務的,功能與頁面組件一樣,但可隨時復制到新位置且可正常運行。

- 快速開發
- 使用vscode模板
- 樣式和字體圖標
- 現有組件封裝
- 編寫公共組件
- 編寫頁面
- 組件混入配套
- 前后端分離
- 開發規范
- 目錄結構
- 工具類
- 組件庫
- 項目總覽
- 后端聯調方式
- 簡介
- 頁面接口數據對接方式
- 事件
- vue pc公共組件
- 列表組件(通用)
- 列表組件帶分頁
- 文化資訊列表
- 新聞列表組件
- 詳情側邊列表組件
- 活動預約組件
- 章節目錄組件
- 名師列表組件
- 場館導航列表組件
- 資訊列表組件
- 首頁子站指數通用組件
- 活動列表通用組件
- 專輯列表組件
- 相關推薦列表組件
- 視頻組件
- 直播視頻組件
- 視頻組件
- 課程視頻組件
- 講師介紹簡介
- 問卷答題組件
- 問卷調查組件
- 在線考試組件整套
- 在線考試組件
- 菜單
- 導航菜單
- 分類組件
- 分類菜單
- 排序組件
- 全局組件
- 面包屑導航
- 無數據狀態
- 評論
- 文章展示
- 點贊收藏查看分享組件
- 時間日歷日期組件
- 直播日歷組件
- 底部導航組件
- 底部組件
- 頭部組件
- 首頁組件
- 資訊組件
- 直播組件
- 閱讀組件
- 線上培訓組件
- 登錄注冊相關組件
- 地圖組件
- 媒體相關組件
- 音頻詳情組件
- 音頻列表組件
- 書刊詳情組件
- 視頻播放組件
- 個人中心組件
- 我的評論
- 我的活動
- 我的收藏
- 個人中心列表
- 個人中心我的評論
- 彈窗組件
- 圖片,視放大彈窗組件
- 票務預定組件
- 輪播組件
- 橫排滑動組件
- 3D輪播組件
- 首頁試聽空間輪播組件
- 新聞資訊輪播組件
- 縮略圖輪播組件