同学们好，今天我们来聊一个在 Lightning Web Components 开发中经常被忽略，但非常重要的小细节——就是那些看起来很通用的 HTML 全局属性，在用到我们基本组件（比如 `lightning-button`、`lightning-badge` 这些）的时候，它们的表现和我们心里想的可能不太一样。
你可能会觉得：诶，既然 `lightning-button` 最终渲染出来也是一个按钮，那我给它加个 `autofocus` 属性，是不是一打开页面它就能自动获得焦点？或者给它加个 `title`，鼠标悬停时就能显示提示文字，对吧？但实际上你会发现——有时没效果，有时效果出在奇怪的地方。这是为什么呢？
我们来看一下原理。很多 Salesforce 提供的基本组件，它们内部其实是由多层 HTML 元素组合起来的。比如一个按钮，外层可能有个 `
` 或者 `` 做包装，里面才是真正的 `
关键词
LWC
Lightning Web Components
Salesforce