一、分析

小兔仙组件拆分示意图

开发思路

1. 分析页面，按模块拆分组件，搭架子 (局部或全局注册)

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

3. 拆分封装通用小组件 (局部或全局注册)，一般这些小组件都会注册成全局的

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

---

二、局部注册

首先复制七个

然后复制组件名

利用滚轮全部替换

然后shift摁住，去到行末

再利用滚轮，选择全部，粘贴

导入的时候也同理，先改后面，这是因为前面不会动

然后再改前面

<!-- 在脚手架里如果使用v-for而不加key是会报错的！ -->
<BaseGoodsItem v-for="item in 5" :key="item"></BaseGoodsItem>