Einführung in Methoden zur Vue-Überwachung von Objekten und Methoden zur Überwachung von Eigenschaften in Objekten (Code)

Der Inhalt dieses Artikels befasst sich mit den Methoden zur Überwachung von Vue-Objekten und der Einführung (Code) der Methoden zur Überwachung der Eigenschaften in den Objekten. Ich hoffe, dass er einen gewissen Referenzwert hat wird Ihnen weiterhelfen.

Um das gesamte Objekt zu überwachen, verwenden Sie einfach watch

export default {
    data() {
        return {
            a: {
                b: 1,
                c: 2
            }
        }
    },
    watch() {
        a: {
            handler(newVal, oldVal) {
                console.log('监听a整个对象的变化');
            },
            deep: true
        }
    }
}

Um Änderungen in bestimmten Eigenschaften des Objekts zu überwachen, müssen Sie watch mit berechnetem verwenden

export default {
    data() {
        return {
            a: {
                b: 1,
                c: 2
            }
        }
    },
    watch() {
        bChange() {
            console.log('监听a对象中b属性的变化');
        }
    },
    computed: {
        bChange() {
            return this.a.b;
        }
    }
}

Verwandte Empfehlungen:

Einführung in die Eigenschaften und Methoden grundlegender JavaScript-Objekte_Grundkenntnisse

Verwendung der Vue-Datenüberwachungsmethode watch_vue.js

Verwenden Sie Vue.js, um Attributänderungen zu überwachen

Das obige ist der detaillierte Inhalt vonEinführung in Methoden zur Vue-Überwachung von Objekten und Methoden zur Überwachung von Eigenschaften in Objekten (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!