Ai小程序入门06-数据绑定（小白入门：从静态到动态，让页面数据显示得活灵活现）
Ai小程序入门06-数据绑定（小白入门：从静态到动态，让页面数据显示得活灵活现）
📌 文章简介：装修完我们华丽的首页后，你会发现一个尴尬的问题——首页上的商品名字叫“商品1”，价格全是“9.9”，一切都是死的（静态的）。真正的应用，数据必须是动态变化的，比如用户登录后要显示他的名字，购物车数量会增加。今天，我们将跨出程序员思维最关键的一步：学习小程序核心机制【数据绑定】，让 AI 帮你把逻辑文件（JS）里的变量，如同魔法一般变到界面（WXML）上！
🧊 静态与动态的本质区别
在前面的章节中，如果我们要改页面上的文字，我们需要打开.wxml文件，找到那段文字，手动把它从“张三”改成“李四”。这叫硬编码（写死的数据）。
但在真实的小程序里，数据是随时变化的。
小程序的核心逻辑是：数据驱动视图。
- 数据存放在后方的
.js文件里（数据仓库）。 - 前方的
.wxml界面通过特定的符号把数据“挂靠”在自己身上。 - 只要后方的数据一变，前方的界面会瞬间自动刷新！
这个连接后方和前方的动作，就叫做数据绑定 (Data Binding)。