反映的属性

Question

将（内部）属性更改传递给（外部）所观察到的属性的目的和用途是什么 >？请尽可能给出一个性格外向的例子。

Tia

Answer 1

一个主要的用例是CSS属性选择器可以使用该属性。这样，您可以轻松地基于状态进行条件样式设置：

:host([selected]) .foo {
  background-color: gray;
}

:host([mode="foo"]) .bar {

}

另一个用例可能是将属性反映为aria属性，由屏幕阅读器解释：

static get properties() {
  return {
    checked: {
      type: Boolean,
      attribute: 'aria-checked',
      reflect: true,
    }
  };
}