Vue.jsは再レンダリングトリガではありません

免責事項:この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/qq_33603809/article/details/91419892

いくつかの時間だけVue.jsプロジェクトは、ピットVue.jsに始まってしまった前に
見つかったの練習の後、次のように、いくつかのケースでVue.jsは、再レンダリングトリガーされません。

1、配列である:
A)手動で配列の長さをブランク

//  Vue模版中这么写
 data() {
 	return {
 		arr: [1, 2, 3, 4]
 	};
 }
// 在方法中
 this.arr.length = 0;

これは、空の配列を設定する方法であるが、内部VUEを検出するためのアレイ(Object.definePropertyデータ傍受を使用VUE)が発生変更できない、?それが変更されません

B)手動で設定アレイエントリ

//  Vue模版中这么写
 data() {
 	return {
 		arr: [1, 2, 3, 4]
 	};
 }
   // 在方法中
 this.arr[0] = 10;

2、オブジェクト、トリガーないObject.assignを使用して再レンダリング

 //  Vue模版中这么写
 data() {
 	return {
 		obj: {a: 20, b: 30}
 	};
 }
 // 在方法中
 const data = {c: 40, d: 50};
 Object.assign(this.obj, data);  

Vueの将来は、プロキシ検出を使用して実装することができる、上記の問題は今、当然のことながら、解決し、Vueの中での書き込みを避けることができます。

おすすめ

転載: blog.csdn.net/qq_33603809/article/details/91419892