Compose Components — Basic Pattern

同学们，今天我们要聊聊 LWC 中的一个核心概念——组件组合。 你可以把它理解成搭积木。一个大的组件页面，是由很多小零件拼起来的。这就是基本的“成分模式”。 在 Lightning Web Components 里，系统已经给我们准备好了很多现成的基础组件，都在 `lightning` 这个命名空间下，比如按钮、输入框、卡片等等。你只需要直接拿过来用就行。 那具体怎么拼呢？我们通过一个经典的待办事项应用（todoApp）来理解。它里面清楚地展示了三个角色： 第一个是，所有者，，也就是我们的 `c-todo-app` 这个顶层组件。它就像整个积木城堡的底板，掌控着一切，拥有自己的模板，所有布局、逻辑都由它说了算。 第二个是，容器，，叫 `c-todo-wrapper`。它虽然被包含在所有者里面，但它自己内部也包含了其他组件，就像一个中转箱，负责把一堆小零件组装好再放进大框架里。 第三个是，子级，，例如 `c-todo-title`，它是最末端的叶子组件，只负责展示一条标题，不会再包含别的东西了。 为了让你看得更清楚，咱们这个例子里面用的是写死的静态值。但在真实项目里，肯定不会这么傻，对吧？通常你会从所有者的 JavaScript 文件里拿到一个数据集合，然后用 `for:each` 这种循环指令，动态地把列表渲染出来。 如果你想看更复杂的组合方式，可以到 GitHub 上去找 Salesforce 官方的 `lwc-recipes` 仓库，里面有很多高级的示例，你可以去扒一扒。 好，这部分就讲到这里。组合是 LWC 组件化开发的基石，你掌握它之后，就能开始像拼乐高一样构建复杂的应用界面了。