javascript - 具有 HTML 元素属性/属性的 LitElement Dot

Question

我正在使用 Polymer 学习 Web 组件。我是Web开发的初学者。
我如何理解 .checked 中的点表示法是什么意思？ HTML元素的属性或属性？

<input id="state" type="radio" name=${this.group} .checked=${this.checked} />

Answer 1

总的来说，绑定(bind)类型由以下字符前缀组成:.prop , ?optional和 @event .

html`<input 
    id="state" 
    type="radio" 
    name=${this.group} 
    @change=${onChange}
    ?required=${required}
    .checked=${this.checked} />`

您可以插入 JavaScript 表达式作为 HTML 文本内容、属性、 bool 属性、属性和事件处理程序的占位符。

文字内容:<p>${...}</p>

属性:<p id="${...}"></p>

bool 属性:?disabled="${...}"

楼盘:.value="${...}"

事件处理程序:@event="${...}"

lit-element documentation
Live Demo