静态 HTML
将模板字面量解释为 HTML 模板，可以有效地渲染到容器并更新容器。
导入
import { html } from 'lit/static-html.js';签名
html(strings, values): TemplateResult<ResultType>
参数
- strings
TemplateStringsArray- values
Array<unknown>
详情
包括来自 lit-html/static.js 的静态值支持。
标记字符串字面量，使其表现得像静态模板字符串的一部分，而不是动态值。
导入
import { literal } from 'lit/static-html.js';签名
literal(strings, values): StaticValue
参数
- strings
TemplateStringsArray- values
Array<unknown>
详情
模板表达式中唯一可以使用的值是其他标记的 literal 结果或 unsafeStatic 值（请注意，不应将不可信内容传递给 unsafeStatic）。用户必须注意确保将静态字符串添加到模板结果中会产生格式良好的 HTML，否则模板可能会意外中断。静态值可以更改，但它们会导致完全重新渲染，因为它们实际上会创建一个新的模板。
将模板字面量解释为 SVG 模板，可以有效地渲染到容器并更新容器。
导入
import { svg } from 'lit/static-html.js';签名
svg(strings, values): TemplateResult<ResultType>
参数
- strings
TemplateStringsArray- values
Array<unknown>
详情
包括来自 lit-html/static.js 的静态值支持。
包装字符串，使其表现得像静态模板字符串的一部分，而不是动态值。
导入
import { unsafeStatic } from 'lit/static-html.js';签名
unsafeStatic(value): StaticValue
参数
- value
string
详情
用户必须注意确保将静态字符串添加到模板结果中会产生格式良好的 HTML，否则模板可能会意外中断。请注意，此函数在不可信内容上使用是不安全的，因为它将直接解析为 HTML。不要在未对其进行清理的情况下将用户输入传递给此函数。静态值可以更改，但它们会导致完全重新渲染，因为它们实际上会创建一个新的模板。
包装 lit-html 模板标记（html 或 svg）以添加静态值支持。
导入
import { withStatic } from 'lit/static-html.js';签名
withStatic(coreTag): (strings: TemplateStringsArray, values: Array<unknown>) => TemplateResult<ResultType>
参数
- coreTag
(strings: TemplateStringsArray, values: Array<unknown>) => TemplateResult<1> | (strings: TemplateStringsArray, values: Array<unknown>) => TemplateResult<2>
导入
import { StaticValue } from 'lit/static-html.js';