Vue 検出オブジェクトと配列の変更の分析

この記事では、オブジェクトや配列の変更を検出するための Vue の関連知識ポイントとサンプル コードを共有します。興味のある方は参照してください。

JavaScript では、オブジェクトと配列は参照型であり、同じメモリ空間を指します。prop がオブジェクトまたは配列の場合、子コンポーネント内でそれを変更すると、親コンポーネントの状態に影響します。サブコンポーネント内のオブジェクトまたは配列を直接変更できますが、データが変更されても変更は行われません。

オブジェクトの変更を検出する

1. オブジェクト属性の追加または削除は検出できません

var vm = new Vue({
 data:{
   data111:{
     a = 1
   }
 }
})

data111.a = 2;//これにより変更が生じる可能性があります

しかし、data111.b = 2; vm.b = 2 は変更を検出できません

配列の変更を検出するには、

Vue.set(object, key, value)

(

$set(data111, b, 2);

など) または:

$set(key,value)

(

vm.$set(‘b', 2)；

など) を使用する必要があります。検出されました次の 2 つの場合:

1. arr[0]=12 など、要素を直接設定します。2. vm.arr.length

Vue.set( object, key, value )

Usage など、配列の長さを直接変更します。 :

this.$set(this.arr,0,12)

この記事は以上です。内容全体が皆さんの学習に役立つことを願っています。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

Vue データ コントロール ビューのソース コードの分析について

ルーティング パラメーターを動的に設定する Vue の概要

以上がVue 検出オブジェクトと配列の変更の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。