Я создаю веб-компонент с LitElement . все работает, как и ожидалось, когда я использую простые HTML собственные элементы , такие как ввод, кнопка, div, span и т. д. c.
, но я хочу использовать пользовательский компонент , который я создал в vue (или angular например - <hello-world></hello-world>
) внутри моего 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);
Я не уверен, что это правильный путь или нет? Пожалуйста, предложите мне решение для этого. Спасибо!