Vue Day3【综合案例2】vue小兔鲜儿

页面开发思路:

  1. 分析页面,按模块拆分组件,搭架子(局部或全局注册)
    image
    image
    (给组件名添加如"Xtx-"的前缀,方便辨认的同时也能避免名称重复)

  2. 根据设计图,编写组件html结构css样式(已准备好)

  3. 拆分封装通用小组件(局部或全局注册)

将来 → 通过js动态渲染,实现功能

操作技巧
1. 一次选择多行:ctrl alt ↑/↓ 或 ctrl 滚轮 按住鼠标左键移动
2. 所有都折叠 ctrl + k , ctrl + 0
   所有都展开 ctrl + k , ctrl + J

脚手架中遍历方法示例:(语法补充)
<BaseNewGoods v-for="item in 5" :key="item"></BaseNewGoods>

posted @ 2025-09-10 22:02  岑素月  阅读(0)  评论(0)    收藏  举报