Vue Day3【综合案例2】vue小兔鲜儿
页面开发思路:
-
分析页面,按模块拆分组件,搭架子(局部或全局注册)
(给组件名添加如"Xtx-"的前缀,方便辨认的同时也能避免名称重复) -
根据设计图,编写组件html结构css样式(已准备好)
-
拆分封装通用小组件(局部或全局注册)
将来 → 通过js动态渲染,实现功能
操作技巧
1. 一次选择多行:ctrl alt ↑/↓ 或 ctrl 滚轮 按住鼠标左键移动
2. 所有都折叠 ctrl + k , ctrl + 0
所有都展开 ctrl + k , ctrl + J
脚手架中遍历方法示例:(语法补充)
<BaseNewGoods v-for="item in 5" :key="item"></BaseNewGoods>