Le rôle du symbole $ dans vue

Le symbole

$ représente l'instance actuelle dans Vue, donnant accès aux propriétés de l'instance, au bus d'événements, aux hooks de cycle de vie et à des fonctionnalités spéciales, notamment l'accès aux objets de données, le déclenchement et l'écoute d'événements, l'obtention de références d'instance et l'inspection des instances racine.

Le rôle du symbole $ dans Vue

Dans Vue.js, le symbole $ est une variable spéciale qui représente l'instance actuelle sur laquelle l'opération est effectuée. Il donne accès à :

1. Propriétés et méthodes de l'instance

• $data : l'objet données de l'instance $data：实例的数据对象
• $props：实例的属性对象
• $methods：实例的方法对象
• $computed：计算属性对象
• $watch：监听属性对象

2. 事件总线

• $emit：触发事件
• $on：监听事件
• $once：监听事件（仅触发一次）
• $off：移除事件监听器

3. 生命周期钩子

• $beforeCreate
• $created
• $beforeMount
• $mounted
• $beforeUpdate
• $updated
• $beforeDestroy
• $destroyed

4. 其他功能

• $root：获取根 Vue 实例
• $refs：访问组件的引用
• $parent：获取父组件实例
• $children
$props : l'objet Attribut de l'instance.

$methods : objet méthode de l'instance $computed : objet attribut calculé

$watch : objet attribut de surveillance

🎜🎜🎜 2. Bus d'événements🎜🎜🎜🎜$emit : événements déclencheurs 🎜🎜$on : événements de surveillance 🎜🎜$once : événements de surveillance (uniquement déclenché une fois) 🎜🎜$off : supprimer l'écouteur d'événement 🎜🎜🎜🎜3 Hook du cycle de vie 🎜🎜🎜🎜$beforeCreate🎜🎜 $created🎜🎜$beforeMount🎜🎜$monté🎜🎜$beforeUpdate🎜🎜$mis à jour 🎜🎜 $beforeDestroy🎜🎜$destroyed🎜🎜🎜🎜4 Autres fonctions🎜🎜🎜🎜$root : Obtenez l'instance racine de Vue🎜🎜 $. refs : Accédez à la référence du composant🎜🎜$parent : Récupérez l'instance du composant parent🎜🎜$children : Récupérez l'instance du composant enfant🎜🎜🎜🎜 Exemple d'utilisation : 🎜🎜

methods: {
  increment() {
    this.$data.count++ // 访问数据对象
  }
},
mounted() {
  this.$on('my-event', this.handleEvent) // 监听事件
},
created() {
  console.log(this.$root) // 获取根实例
}

🎜En utilisant le symbole $, les développeurs peuvent facilement accéder et manipuler l'état, les événements et les comportements de l'instance dans les composants Vue. 🎜

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!