Maison > interface Web > js tutoriel > Introduction aux méthodes de surveillance des objets Vue et aux méthodes de surveillance des propriétés dans les objets (code)

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

不言
Libérer: 2018-08-20 14:10:07
original
3114 Les gens l'ont consulté

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
        }
    }
}
Copier après la connexion

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;
        }
    }
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal