DOM Properties — Access via Dot Notation

来来来，咱们聊一下 DOM 属性访问，这是一个非常实用的技巧。简单说，，DOM 属性就是给你的组件开了一扇编程访问的窗口，，让你能在父组件里直接用 JavaScript 去读写子组件对外暴露的数据。 比如，你在子组件类里写 `@api itemName;`，这个 `itemName` 就会直接变成子组件元素上的一个公开属性，就是所谓的 DOM 属性。然后，父组件只要拿到子组件的元素引用，就能通过，点号，直接操作它了。 那怎么拿到引用呢？典型做法是 `this.template.querySelector('c-child')`，这样就能获取到子组件实例。接着，你就可以写 `childElement.itemName = '新值'` 来修改，或者用 `console.log(childElement.itemName)` 来读取。这种读写访问，完全是在代码里编程控制的。 你把这种编程方式，和直接在模板里写 `` 这种声明式的绑定放在一起看，其实它们是互补的。声明绑定适合在 HTML 里直接传值，而 DOM 属性访问则适合需要在代码里动态判断、再手动干预的场景。 如果你想去看看完整的运行效果，可以翻翻 `lwc-recipes` 仓库里的 `compositionBasics` 例子，它把整个模式都演示得很清楚。这样理解起来就非常直观了。