Lit 组件可以拥有_响应式属性_。更改响应式属性会触发组件更新。

这里我们为你提供了一个基本的组件定义。在这一步中，你将声明一个响应式属性，并在组件模板的_表达式_中使用它。

• 声明一个响应式属性。

  将以下字段添加到 MyElement 类中：

  @property()
  message: string = 'Hello again.';

  static properties = {
    message: {},
  };
  
  constructor() {
    super();
    this.message = 'Hello again.';
  }

  上面的代码片段为你的元素类添加了一个名为 message 的字符串属性。@property 装饰器将其标识为响应式属性。

• 向模板添加表达式。

  找到 render() 方法中的段落标签，将其内容替换为以下表达式：

  ${this.message}

  你可以使用 JavaScript 表达式向 Lit 模板添加动态值。

现在你应该在输出中看到属性值。

要了解响应式属性在实际中的工作方式，你需要一种更新值的方法。在下一步中，你将添加一个事件监听器来实现这一点。