Parlons de la façon d'utiliser ceci et cela dans Uniapp

Uniapp est un framework de développement multiplateforme basé sur la technologie de développement de l'applet Vue.js et WeChat, qui permet d'écrire une seule fois et de s'exécuter sur plusieurs terminaux. Dans Uniapp, ceci et cela sont deux variables que les développeurs utilisent souvent pour obtenir différents objets dans différentes situations.

Le mot-clé this fait référence à l'instance du composant actuel. Utilisez-le pour accéder directement aux propriétés et méthodes du composant actuel. Par exemple, dans les méthodes du composant, vous pouvez accéder à l'objet de données du composant via ceci, comme indiqué ci-dessous :

export default {
    data() {
        return {
            message: 'Hello World'
        }
    },
    methods: {
        showMessage() {
            console.log(this.message);
        }
    }
}

Dans le code ci-dessus, this.message est un attribut de données dans le composant, et la méthode showMessage accède l'attribut message à travers cela et imprime la sortie.

c'est un objet temporaire utilisé pour enregistrer la valeur de this à l'intérieur de la fonction. Dans certains cas, this à l'intérieur de la fonction ne pointe pas vers l'instance du composant actuel. Dans ce cas, vous pouvez l'utiliser pour enregistrer la valeur de this pour une utilisation continue dans la fonction.

Par exemple, lorsque vous utilisez uni.request pour lancer une requête vers le serveur, puisque le pointeur de ceci a changé, vous devez l'utiliser pour enregistrer l'instance du composant actuel :

export default {
    data() {
        return {
            items: []
        }
    },
    methods: {
        loadData() {
            //保存当前组件的实例
            let that = this;
            uni.request({
                url: 'http://localhost:8080/getData',
                success(res) {
                    //在此处使用that来访问items属性，而不是this
                    that.items = res.data;
                }
            })
        }
    }
}

In. le code ci-dessus, car le pointeur de uni.request Ceci dans la fonction de rappel n'est plus une instance du composant actuel, vous devez donc l'utiliser pour enregistrer l'instance du composant actuel afin que vous puissiez continuer à accéder et à modifier le données dans le composant.

En bref, dans le développement d'Uniapp, l'utilisation de ceci et de cela est très importante. Les développeurs doivent connaître clairement leur objectif et leurs scénarios d'utilisation afin de développer des applications efficaces, stables et fiables.

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!