実施内容

3-2 ユーザビリティなフォームにしよう

気付き

• focusiin focusoutでフォーカスした時と外した時の指定ができる
• methods内で動作を定義
• ↓↓↓trueならactiveクラスを付与。falseなら付与しない。

computed: {
    classList() {
        //クラスを付与（後にpushメソッドが使えるように配列定義）
        const classList = ['addlist']
        //isEditingがtrueなら
        if(this.isEditing) {
            //クラスにactiveを付与
            classList.push('active')
        }
        //falseなら classList に何もせず返す → addlistクラスのみ）
        return classList
    },
},

疑問点

methodsとcomputedの違いは何か？

・Vueの「methods」と「computed」の違い
https://blog.capilano-fw.com/?p=485

conmputedは・・・・

①キャッシュされる
②getter関数、setter関数が使える

getterとsetterとは？

【Vue】getterとsetterの使い方。大元の変数を間接的に変更する方法
https://qiita.com/shizen-shin/items/a48cfbe7c88cc9f42e30

算出プロパティ「computed」のSetter関数 [Vue.js]
https://johobase.com/vue-js-computed-getter-setter/

methods・computedの使い分け方は？