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

> 对应教材：《微信小程序开发实战（第2版）》第2章
> 课程主题：WXML模板语法与数据绑定
> 重点：WXML语法、数据绑定、列表渲染、条件渲染　难点：列表渲染key的作用、条件渲染与列表渲染组合

---

## 官方文档（必读）

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 1 | [WXML · 数据绑定](https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html) | 文档 | 五种绑定用法与表达式运算的边界 |
| 2 | [WXML · 列表渲染](https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html) | 文档 | wx:for / wx:key / block 的完整说明 |
| 3 | [WXML · 条件渲染](https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/conditional.html) | 文档 | wx:if 与 hidden 的官方对比说明 |
| 4 | [WXS 脚本语言](https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/) | 文档 | 需要在模板里做格式化时的正确方案 |

## 进阶理解

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 5 | [setData 使用指南与性能建议](https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html) | 文档 | 为什么不能直接改 data，以及怎么改才高效 |
| 6 | [模板 template](https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/template.html) | 文档 | 重复结构的复用方式 |
| 7 | [官方示例 · 视图容器与基础内容](https://github.com/wechat-miniprogram/miniprogram-demo) | 代码 | 导入后看 packageComponent 目录下的组件示例 |

## 视频资源（检索关键词）

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 8 | [B 站检索：「小程序 wx:for wx:key 原理」](https://search.bilibili.com/all?keyword=%E5%B0%8F%E7%A8%8B%E5%BA%8F%20wx%3Afor%20wx%3Akey) | 视频 | 重点看讲列表节点复用的部分 |

---

## 本课自查清单

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

- [ ] 你能独立完成吗：WXML模板语法的基本用法
- [ ] 你能讲清楚吗：数据绑定的原理与单向/双向绑定
- [ ] 你能独立完成吗：列表渲染 wx:for 与条件渲染 wx:if
- [ ] 你能做到吗：使用数据绑定实现动态页面
- [ ] 遇到「在 {{}} 里调用函数」时，你知道从哪里开始查吗？
- [ ] 遇到「wx:for 用 index 当 key」时，你知道从哪里开始查吗？
- [ ] 遇到「直接修改 this.data」时，你知道从哪里开始查吗？

---

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