Javascript “的目的”$=&引用;或者“是什么?”=&引用;在发光元件示例中
我无法理解Javascript “的目的”$=&引用;或者“是什么?”=&引用;在发光元件示例中,javascript,html,web-component,lit-element,Javascript,Html,Web Component,Lit Element,我无法理解?=或$=这两个示例的用法: 第一个例子: 你好,世界 第二个例子: 为什么这些HTML属性有一个$或?后缀?$和?后缀似乎是没有前缀(属性值绑定)和?前缀()的不推荐版本,这两个版本都是如此 要设置属性而不是属性,请在属性名称后附加$后缀 例如: html`<button class$="primary">Buy Now</button>` html`立即购买` ⋮ @已弃用,请改用/lit-html.js。lit extended将在将来的版本中
?=
或$=
这两个示例的用法:
第一个例子:
你好,世界
第二个例子:
为什么这些HTML属性有一个
$
或?
后缀?$
和?
后缀似乎是没有前缀(属性值绑定)和?
前缀()的不推荐版本,这两个版本都是如此
要设置属性而不是属性,请在属性名称后附加$
后缀
例如:
html`<button class$="primary">Buy Now</button>`
html`立即购买`
⋮
@已弃用,请改用/lit-html.js。lit extended将在将来的版本中删除
所以你现在就想要这个:
<div id="box" class="${this.uppercase ? 'uppercase' : ''}">
<slot>Hello World</slot>
</div>
你好,世界
“当然,如果这些不推荐的东西被保留了下来,谁知道它们的其他内容有多重要。非常感谢!我能找到最新的。看起来他们正在转换变量和属性的另一种语法。
html`<button class$="primary">Buy Now</button>`
<div id="box" class="${this.uppercase ? 'uppercase' : ''}">
<slot>Hello World</slot>
</div>
<div class="decorator" ?focused="${_focused}">
<slot id="inputSlot" name="input"></slot>
<div class="underline"></div>
</div>