Web 组件中的模板 html 和模板字符串

Template html and template string in web components

使用 html 模板(然后 html 导入)创建 Web 组件或使用模板字符串更好吗?这些方法的优缺点是什么?

使用html模板文件更利于重用:同一个文件可以用于不同的网络组件。它们在大多数 IDE 中也能更好地显示,因为它们被识别为完整的 HTML 代码。

使用模板字符串更快(内联)。他们不依赖 HTML 并非每个浏览器供应商都采用的导入。您也可以使用 template literals 在 DOM.

中直接插入 JavaScript 变量的值

实际上没有太大差异,因为上面列出的每个差异都有解决方法(即,如果将模板字符串另存为文本文件,则可以重复使用模板字符串,或者可以使用我们的 HTML 加载 html 模板进口)。