Introduction aux méthodes de surveillance des objets Vue et aux méthodes de surveillance des propriétés dans les objets (code)

Le contenu de cet article concerne les méthodes de surveillance des objets Vue et l'introduction (code) des méthodes de surveillance des propriétés dans les objets. J'espère qu'il a une certaine valeur de référence. vous sera utile.

Pour surveiller l'objet entier, utilisez simplement watch

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

Pour surveiller les changements dans des propriétés spécifiques de l'objet, vous devez utiliser watch avec calculé

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

Recommandations associées :

Introduction aux propriétés et méthodes des objets JavaScript de base avec des exemples_Connaissances de base

Utilisation de la méthode de surveillance des données Vue watch_vue.js

Utilisez Vue.js pour surveiller les changements d'attributs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!