问如何动态导入lit元素？

EN

Lit元素是JavaScript类，不需要任何全局框架状态，因此它们可以用任何构建系统进行代码拆分和执行。

例如，您可以使用动态进口 (或任何其他可以在JavaScript中使用的延迟代码获取/执行机制)动态导入和定义元素。

参见一个简单的示例：https://lit.dev/playground/#gist=b55407e8ebbf88a9b8cab11a259539a8

把这个例子分解一下。包含<simple-greeting> lit元素的代码包含在simple-greeting.js中。这是在按下按钮时使用动态导入加载的，其代码如下：

document.querySelector('button').addEventListener('click', () => {
    // On button press load the component definition and define
    // on custom element registry.
    import('./simple-greeting.js');
});

现在，在编程动态导入发生之前，不会加载组件的代码，也不会定义元素。

当自定义元素注册表中定义自定义元素时，浏览器本机处理页面上的自定义元素升级。