LitElement 响应式

LitElement 是 Google 在 Polymer 之后的一个 UI 库,相当于重构和精简版本的 Polymer,构建在 Web Component 标准之上,专注于 UI 层的展现,无论是使用和定位都跟 React 很像,但是 React 到目前为止已经有了很强大的生态,但是 LitElement 还没有,但是 LitElement 更接近浏览器的标准,使用 Shadow dom 而不是 Virtual dom。

在 LitElement 中,定义了 properties 的属性才是响应式的,会重新渲染视图:

static get properties() { 
  return { 
    prop1: { type: String },
    prop2: { type: Number },
    prop3: { type: Boolean }
  };
}