Usage Patterns — Use a Base Component in Markup

今天咱们来看一看这个最基本、最常用的模式——如何在标记里使用我们的基础组件。 你可能会觉得，哎，这不就是把一个带属性的组件标签往模板里一放就完了吗？对，就是这么简单。比如说我们放一个“按钮”组件，写上 `variant="brand"`，再加个 `label`，就搞定了。但背后发生了什么呢？这其实是基础组件一个特别棒的设计：它把复杂的内部逻辑全都封装好了。刚才那个 `variant="brand"` 这个属性，组件内部会自动把它转换成标准的 SLDS CSS 类，也就是 `slds-button_brand`，加到内部的按钮元素上。这一切都是自动的，你根本不用操心该加哪个类，会不会拼错。 而且，你看到了吗？不仅仅是组件特有的属性，像 `variant`、`label`，连那些 HTML 原生就支持的全局属性也全都暴露出来了，比如 `title`、`class`，甚至事件处理器 `onclick`。这些全都是公开的公共属性，你直接用就好。这样你就拥有了完全的控制权，想怎么调整按钮的样子和行为都可以。组件内部会很聪明地把这些值传递到它内部对应的那个真正的 HTML 元素上去。 所以，如果你想调试一下，看看它最终渲染成什么样，完全可以在浏览器的开发者工具里检查 DOM 结构，理解它怎么工作的。但一定要记住一个非常重要的原则：你可以在调试时看，但千万不要在你的业务代码里去依赖那些内部生成的 DOM 结构，或者那些 CSS 类名。因为这些属于我们组件的“内部实现细节”，Salesforce 是可以在未来的更新中，随时修改而不提前通知你的。你如果写了依赖内部结构的代码，以后可能就突然失效了。所以，请只通过组件暴露出来的公开属性去使用它，这才是最安全、最推荐的做法。 好，这一页我们就讲到这儿。核心就是：放心地用这些封装好的组件，用属性去控制它们，别去碰它们的内部肚子里的东西。这样你的代码才稳定、好维护。