73dd374a3e
We are now able to attach "side effects" to property value changes, from inside the component and outside.
22 lines
484 B
JavaScript
22 lines
484 B
JavaScript
// @ts-check
|
|
import WebComponent from "../../src/WebComponent.js";
|
|
|
|
class SimpleText extends WebComponent {
|
|
clickCallback() {
|
|
console.log(">>> click!");
|
|
}
|
|
onInit() {
|
|
this.onclick = this.clickCallback;
|
|
}
|
|
|
|
onDestroy() {
|
|
console.log(">>> removing event listener");
|
|
this.removeEventListener("click", this.clickCallback);
|
|
}
|
|
|
|
get template() {
|
|
return `<span style="cursor:pointer">Click me!</span>`;
|
|
}
|
|
}
|
|
|
|
customElements.define("simple-text", SimpleText);
|