Que signifie ref en vue ?

La fonctionnalité ref de Vue permet aux développeurs d'accéder à l'élément DOM ou à l'instance d'un composant. Les utilisations incluent : la manipulation directe des éléments DOM, comme la définition du focus ou l'obtention de valeurs. Accédez aux instances de composants pour obtenir des données ou appeler des méthodes. Établir des relations entre les composants, telles que la communication parent-enfant.

ref dans Vue

ref est une fonctionnalité importante de Vue.js, qui permet aux développeurs d'accéder à l'élément DOM ou à l'instance d'un composant.

Utilisations

ref peut être utilisé dans les scénarios suivants :

• Manipuler directement un élément DOM, comme définir le focus ou obtenir sa valeur.
• Accédez à l'instance du composant, par exemple en récupérant ses données ou en appelant ses méthodes.
• Établissez des relations entre les composants, par exemple en utilisant des références pour créer une communication entre les composants parent-enfant.

Syntaxe

ref peut être utilisée des manières suivantes :

<code class="html"><template>
  <input ref="myInput" />
</template>

<script>
export default {
  mounted() {
    // 获取 DOM 元素
    this.$refs.myInput.focus();
  }
};
</script></code>

Assignment

ref est affecté à un élément DOM ou à une instance du composant, selon qu'il est utilisé dans un modèle ou un script. .

• Dans les modèles, ref fait référence aux éléments DOM.
• Dans les scripts, ref fait référence aux instances de composants.

Access

est accessible via la $refs object ref :

<code class="js">this.$refs.myInput // 返回 DOM 元素
this.$refs.myComponent // 返回组件实例</code>

Notez que le nom de la

• ref doit être unique.
• Ref ne peut être utilisé qu'une fois le rendu DOM terminé.
• ref ne peut pas être utilisé dans des composants asynchrones ou des composants fonctionnels.

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!