将数据属性与lit元素绑定？

Question

当使用

data-attributes

和 lit 元素时，我们如何将属性映射到属性？

例如，假设我们有这样的属性：

@property({ type : String }) language = 'xml';

在组件上是这样设置的：

<my-element data-language></my-element>

我们如何将

language

属性绑定到

data-language

属性？

Answer 1

  /**
   * The language property as a data attribute.
   */
  @property({ type: String, attribute: 'data-language' })
  language: string = 'xml';