初期処理

src/js/components/sample/controller.jsを下記に変更しましょう

export class Sample {

    constructor() {
    }

    init(data) {
        console.log("init");
        console.log(data);
    }

    sample_input(event) {
        
        for (const item of this.list.values()) {
            item.textContent = event.target.value;
        }
        
    }

}

constructorではまだ、view.htmlとcontroller.jsは結びつけられていません
view.htmlとcontroller.jsが結びつけられると、フレームワークはinitメソッドを呼び出します。initメソッドの引数はview.html内でvという変数名で使うことができるオブジェクトです

次ページユニークコンポーネント

目次