在 Lit 中 value=${ "Hello" } 和 .value=${ "Hello" } 语法有什么区别

Question

我正在阅读Lit文档，并发现:https://lit.dev/docs/templates/expressions/#property-expressions

html`<input .value=${this.itemCount}>`;

测试:我删除了"value"话虽如此，一切照旧。

为什么我需要添加这个点?

Answer 1

一个点表示属性，另一个点表示属性。

Attributes只接受字符串。这意味着如果您传递一个对象、函数或数组，这些将被转换为字符串，然后在接收组件中再次转换回来。这可能会非常昂贵。

使用属性，你的对象，函数和数组不会被解析，这就是为什么属性(.myProperty)更快。