Wie kann ich anfängliche Statusdaten an eine Webkomponente übergeben? ⇐ HTML

[Anonymous]

Ich erstelle ein benutzerdefiniertes Element und suche nach einer guten Möglichkeit, ein Objekt zu übergeben, das seinen Anfangszustand darstellt. Ich denke, mein HTML würde ungefähr so ​​aussehen: < /p>


const myComponent1=document.getElementById("myComponent1");
myComponent1.stateObj={ orientation:"inverted", splines:5, clowns:true }

< /code>
und meine JS -Dateien werden: < /p>
enthaltenclass MyComponent extends HTMLElement {
stateObj;

constructor(){ super(); }

connectedCallback(){
// some init stuff
}

get stateObj(){
return this.stateObj;
}

set stateObj(stateObj){
this.stateObj = stateObj;
}
}
customElements.define('my-component',MyComponent);
< /code>
Bei dem Testen scheint dies zu funktionieren, und ich mag, dass der Ausgangszustand in meinem HTML -Dokument direkt neben der Komponente definiert ist. Aber kann ich sicher sein, dass die Komponente immer bereit ist, eine Eigenschaftsaufgabe von einem Skript -Tag sofort nach ihr zu erhalten?