Vue Day3【綜合案例2】vue小兔鮮兒
頁面開發(fā)思路:
-
分析頁面,按模塊拆分組件,搭架子(局部或全局注冊)
![image]()
![image]()
(給組件名添加如"Xtx-"的前綴,方便辨認的同時也能避免名稱重復) -
根據(jù)設計圖,編寫組件html結(jié)構(gòu)css樣式(已準備好)
-
拆分封裝通用小組件(局部或全局注冊)
將來 → 通過js動態(tài)渲染,實現(xiàn)功能
操作技巧
1. 一次選擇多行:ctrl alt ↑/↓ 或 ctrl 滾輪 按住鼠標左鍵移動
2. 所有都折疊 ctrl + k , ctrl + 0
所有都展開 ctrl + k , ctrl + J
腳手架中遍歷方法示例:(語法補充)
<BaseNewGoods v-for="item in 5" :key="item"></BaseNewGoods>



浙公網(wǎng)安備 33010602011771號