1

Web コンポーネント (ネイティブおよびフレームワークを使用) を学習しています。たとえば Vue.js でできるように、ネイティブ コンポーネントにプロパティを挿入することは可能ですか?

これは my-component.js です:

const templateComponent = document.createElement('template');
templateComponent.innerHTML = `<div>{{ test }}</div>`;

class MyComponent extends HTMLElement {

    connectedCallback() {
        this._container = this.querySelector("DIV");
    }

}

window.customElements.define("my-component", MyComponent);

これは index.html です:

<!doctype html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>

<my-component test="Does this work?"></my-component>


<script src="my-component.js"></script>

</body>
</html>
4

1 に答える 1