如何在LitElement中使用自定义组件

Question

我正在用LitElement创建 Web组件。当我使用简单的 HTML本机元素（例如输入，按钮，div，跨度等）时，一切都按预期工作。

但是我想在<hello-world></hello-world>内使用在 vue 中创建的自定义组件（或成角度的，例如-lit-element），但是它不起作用。我在下面尝试过：

import { LitElement, html } from "lit-element";
import HelloWorld from './HelloWorld.vue'

class MyElement extends LitElement {
  constructor() {
    super();
  }


  render() {
    return html`
      <div>
       <HelloWorld/>
      </div>
    `;
  }
}

customElements.define("my-element", MyElement);

我不确定这是正确的方法吗？请为我建议一个解决方案。谢谢！