La différence entre ceci et _this en vue
this et _this pointent vers la même instance Vue actuelle dans Vue. Cela permet de garantir que l'instance est accessible correctement dans tous les cas, en particulier lors de l'utilisation de fonctions fléchées. Ceci est généralement recommandé, mais _this peut être utilisé lorsque vous devez représenter explicitement l'instance actuelle ou l'intégrer à une bibliothèque tierce.
La différence entre this et _this dans Vue
Réponse rapide :
this
et _this
sont les mêmes dans Vue, les deux points à l'instance Vue actuelle. this
和 _this
在 Vue 中是相同的,都指向当前的 Vue 实例。
详细解释:
在 Vue 中,this
指向当前的 Vue 实例,它包含所有与该实例相关的数据和方法。_this
是 this
的一个别名,本质上没有任何区别。
原因:
在早期的 Vue 版本中,this
会在使用箭头函数时被绑定到错误的上下文。为了解决这个问题,Vue 添加了 _this
作为 this
的一个别名,以确保在所有情况下都能正确地访问当前实例。
何时使用 this
和 何时使用
_this`?
由于 this
和 _this
是相同的,因此可以互换使用。一般情况下,使用 this
更加常见,因为它更容易理解。但是,在以下情况下使用 _this
可能更有用:
- 当你想要明确地表示你正在使用
this
指向当前实例。 - 当你使用第三方库时,该库可能需要明确的
_this
引用。
需要注意:
- 在 Vue 3.2+ 版本中,
_this
已被弃用,取而代之的是使用this
。 - 在模板中,
this
和_this
this
pointe vers l'instance Vue actuelle, qui contient toutes les données et méthodes liées à cette instance. _this
est un alias pour this
et il n'y a essentiellement aucune différence. 🎜🎜🎜Cause : 🎜🎜🎜Dans les versions antérieures de Vue, this
serait lié au mauvais contexte lors de l'utilisation des fonctions fléchées. Pour résoudre ce problème, Vue a ajouté _this
comme alias de this
pour garantir que l'instance actuelle est correctement accessible dans tous les cas. 🎜🎜🎜Quand utiliser this
et Quand utiliser
_this` ? 🎜🎜🎜Puisque this
et _this
sont identiques, ils peuvent être utilisés de manière interchangeable. En général, il est plus courant d'utiliser this
car il est plus facile à comprendre. Cependant, utiliser _this
peut être plus utile dans les situations suivantes : 🎜- Lorsque vous souhaitez indiquer clairement que vous utilisez
this
pour pointer vers le instance actuelle. 🎜 - Lorsque vous utilisez une bibliothèque tierce, la bibliothèque peut nécessiter une référence
_this
explicite. 🎜🎜🎜🎜Remarque : 🎜🎜- Dans Vue 3.2+,
_this
est obsolète etthis
est utilisé à la place. 🎜 - Dans les modèles,
this
et_this
ne sont pas accessibles car les modèles sont compilés au moment de l'exécution. 🎜🎜
- Dans Vue 3.2+,
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.

Vous pouvez ajouter une fonction au bouton VUE en liant le bouton dans le modèle HTML à une méthode. Définissez la logique de la fonction de méthode et d'écriture dans l'instance Vue.

Il existe trois façons de se référer aux fichiers JS dans Vue.js: spécifiez directement le chemin à l'aide du & lt; script & gt; étiqueter;; importation dynamique à l'aide du crochet de cycle de vie monté (); et l'importation via la bibliothèque de gestion de l'État Vuex.

L'option Watch dans Vue.js permet aux développeurs d'écouter des modifications de données spécifiques. Lorsque les données changent, regardez déclenche une fonction de rappel pour effectuer des vues de mise à jour ou d'autres tâches. Ses options de configuration incluent immédiatement, qui spécifie s'il faut exécuter un rappel immédiatement, et profond, ce qui spécifie s'il faut écouter récursivement les modifications des objets ou des tableaux.

Le développement multi-pages VUE est un moyen de créer des applications à l'aide du cadre Vue.js, où l'application est divisée en pages distinctes: Maintenance du code: La division de l'application en plusieurs pages peut rendre le code plus facile à gérer et à maintenir. Modularité: chaque page peut être utilisée comme module séparé pour une réutilisation et un remplacement faciles. Routage simple: la navigation entre les pages peut être gérée par une configuration de routage simple. Optimisation du référencement: chaque page a sa propre URL, ce qui aide le référencement.

Vue.js dispose de quatre méthodes pour revenir à la page précédente: $ router.go (-1) $ router.back () utilise & lt; router-link to = & quot; / & quot; Composant Window.History.back (), et la sélection de la méthode dépend de la scène.

Il existe trois méthodes courantes pour que Vue.js traverse les tableaux et les objets: la directive V-FOR est utilisée pour traverser chaque élément et les modèles de rendu; La directive V-Bind peut être utilisée avec V-FOR pour définir dynamiquement les valeurs d'attribut pour chaque élément; et la méthode .map peut convertir les éléments du tableau en nouveaux tableaux.

Les méthodes pour implémenter le saut d'une balise dans Vue incluent: l'utilisation de la balise A dans le modèle HTML pour spécifier l'attribut HREF. Utilisez le composant routeur-link du routage Vue. Utilisez cette méthode. $ Router.push () dans JavaScript. Les paramètres peuvent être passés à travers le paramètre de requête et les itinéraires sont configurés dans les options de routeur pour les sauts dynamiques.
