免責事項:この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。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の中での書き込みを避けることができます。