Vueでの$setの使用

670 ワード
javascript
vueインスタンスの作成後に新しいプロパティをインスタンスに追加します.ビューの更新はトリガーされません.
vueインスタンスを生成した後、再びデータに値を割り当てると、自動的にビューに更新されない場合があります.サブコンポーネントのpropsデータは、親コンポーネントが渡す値とリアルタイムで一致することはできません.
data () { 
return {
    student: {
        name: '',
        sex: ''
    }
}

}
mounted () { 
this.student.age = 24

}
$set()メソッドを使用すると、プロパティを追加したり、ビューの更新をトリガーしたりできます.
ES 5の制限を受け、Vue.jsはオブジェクト属性の追加または削除を検出できません.なぜならjsはインスタンスの初期化時に属性をgetter/setterに変換するので、属性はdataオブジェクト上でVueを許可する必要がある.jsはそれを変換してこそ、応答させることができます.
Vue.set(object, key, value)this.$set(this.data,”key”,value’)this.$set(this.student,"age", 24)
vueテンプレートにおける二重引用符に一重引用符を付ける役割
大白話Vue 2.x-render関数