# 扩展阅读清单：第15次课

> 对应教材：《微信小程序开发实战（第2版）》第7-8章
> 课程主题：小程序进阶与uni-app开发
> 重点：Vant Weapp、自定义组件、uni-app跨平台　难点：自定义组件通信、uni-app与小程序差异

---

## 组件库

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 1 | [Vant Weapp 官方文档](https://vant-ui.github.io/vant-weapp/) | 文档 | 安装、构建 npm、主题定制 |
| 2 | [Vant Weapp GitHub](https://github.com/youzan/vant-weapp) | 代码 | 看 example 目录里的用法示例 |
| 3 | [WeUI 组件库](https://github.com/Tencent/weui-wxss) | 代码 | 微信官方设计规范的实现，风格最"原生" |

## 自定义组件

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 4 | [自定义组件 · 组件间通信与事件](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html) | 文档 | triggerEvent 与事件冒泡配置 |
| 5 | [自定义组件 · 数据监听器 observers](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/observer.html) | 文档 | 监听 properties 与 data 变化 |
| 6 | [自定义组件 · 组件生命周期](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/lifetimes.html) | 文档 | created/attached/ready/detached 与页面生命周期的差异 |
| 7 | [自定义 tabBar](https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html) | 文档 | 案例7-1 的官方说明 |

## 跨平台开发

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 8 | [uni-app 官方文档](https://uniapp.dcloud.net.cn/) | 文档 | 从「快速上手」开始，重点看条件编译一节 |
| 9 | [uni-app 条件编译](https://uniapp.dcloud.net.cn/tutorial/platform.html) | 文档 | #ifdef 各平台标识符对照表 |
| 10 | [HBuilderX 下载](https://www.dcloud.io/hbuilderx.html) | 工具 | uni-app 官方 IDE |
| 11 | [Vue 3 官方文档（中文）](https://cn.vuejs.org/) | 文档 | uni-app 使用 Vue 语法，模板与响应式部分需要补 |
| 12 | [Taro 官方文档](https://taro.jd.com/) | 文档 | 另一条跨端路线，用 React 语法，对比着看 |

---

## 本课自查清单

看完资料后，用下面几个问题自测。答不上来的，回到对应文档再看一遍。

- [ ] 你能独立完成吗：Vant Weapp组件库的使用
- [ ] 你能讲清楚吗：自定义组件的开发与通信
- [ ] 你知道吗：uni-app跨平台开发框架
- [ ] 你能做到吗：使用uni-app创建跨平台项目
- [ ] 遇到「Vant Weapp 装了但组件不显示」时，你知道从哪里开始查吗？
- [ ] 遇到「组件里的样式不生效」时，你知道从哪里开始查吗？
- [ ] 遇到「组件 properties 里的对象改了不更新」时，你知道从哪里开始查吗？

---

> 说明：以上链接均为官方文档、MDN 或知名开源仓库，可长期访问。
> 视频类资源只给检索入口而不写死具体视频链接——UP 主调整内容后单条链接极易失效，按关键词自行挑选近一年内、基于当前稳定版工具的教程更可靠。