响应式属性是这样一种属性:当属性值发生变化时,它会触发组件更新。
右侧的示例包含一个属性 result,但它不是响应式的。按下按钮会改变属性值,但组件永远不会改变其显示。
要使其成为响应式属性,请在类的开头添加以下代码。
property() result = ''; export class MyElement extends LitElement {
static properties = { result: {}, }; 属性构成了 Web 组件公共 API 的很大一部分。响应式属性主要用于高效地渲染元素模板的变更,且无需任何样板代码。
更多信息请参阅响应式属性。