對於一些公共元件、工具函式等可以放入專門的資料夾common。比如底部導航欄tabbar,不管進入什麼路由頁面,導航欄應該會一直存在。此時便可以把導航欄模組單獨抽離出來,放入公共元件庫中。
tabbar中,不同的專案一般會有不同數量、樣式、內容的導航按鈕,這裡則可以考慮利用slot插槽進行封裝。
1、對於tabbar的每個按鈕,考慮由圖示、文字兩方面構成,而且每個按鈕的不同之處也大概只在於這兩點。
2、每個按鈕組成乙個大的slot1包裹,方便替換。其中每個slot1設定兩個slot2,分別用於設定和文字。對於slot1和slot2,就可以分別在各自的元件中設計樣式,就不會把樣式帶到使用tabbar的檔案中,減小耦合性。
3、slot插槽樣式的設定不建議直接在slot標籤上新增class,這樣會出現意料不到的錯誤。建議在slot外面包裹一層div,對div進行樣式的設定 4、
在使用時便可以依照:
《父slot>
《子slot>
《子slot>
《父slot>
來使用。
小公尺商城實戰vue專案 02
這一章 我們根據選單來開發子選單的首頁父元件 在views中建立 這個就是大體的框架 home.vue 需要配置路由,接著就是按照這種樣式,新增父元件,便好 router index.js import vue from vue import router from vue router vue.u...
Vue2仿錘子商城實戰專案專案實戰
目錄,j7 x y m i p5 h 01 專案介紹.mp4 02 環境配置及目錄結構.mp4 03 商品列表頁的布局.mp4 04 商品列表套資料.mp4 n s w7 x s9 y8 s d5 h 05 商品頁元件.mp45 s l g r l v h 06 商品加入購物車.mp4 x9 n1 ...
商城專案總結
sso 單點登入系統 主要解決多系統同意登陸,基礎登陸都系統使用。使用技術 沒有頁面,只有介面 springmvc spring j redis 檢查使用者資訊是否存在 介面查詢資料庫是否由該資料 返回true或者false 註冊使用者 介面接收資料,寫入資料庫 使用者登入 介面接收登陸資料,先上資...