Que signifie vm en vue ?

vm dans Vue est une variable locale qui fait référence à l'instance Vue actuelle et fournit des moyens d'accéder aux propriétés et méthodes de l'instance telles que les données, les propriétés calculées, les méthodes et les hooks de cycle de vie. 1. vm.someData : accédez aux données dans le modèle. 2. this.someData : accédez aux données dans le code du composant. 3. this.someComputed : accédez aux propriétés calculées. 4. this.someMethod : appelez la méthode.

Qu'est-ce que vm dans Vue ?

vm dans Vue.js est une variable locale qui fait référence à l'instance Vue. En d'autres termes, vm est un objet pointant vers l'instance Vue actuelle.

La structure d'une instance Vue

Une instance Vue est un objet contenant les propriétés et méthodes suivantes :

• data : un objet réactif contenant des données d'instance
• computed : une fonction contenant des propriétés calculées
• méthodes : fonctions contenant des méthodes
• watch : observateurs qui surveillent les modifications des propriétés des données
• lifecycle hooks : fonctions de hook exécutées pendant le cycle de vie de l'instance

Objectif de vm

vm fournit un A moyen d'accéder aux instances Vue dans les modèles et le code. Il peut être utilisé pour accéder aux données, aux propriétés calculées, aux méthodes et aux hooks de cycle de vie.

Comment utiliser vm

Dans les modèles Vue, vous pouvez accéder à vm en utilisant la syntaxe suivante :

<code class="html">this.someData</code>

Dans le code du composant Vue, vous pouvez accéder à vm en utilisant la syntaxe suivante :

<code class="js">this.someData</code>

Exemple

Ce qui suit L'exemple montre comment utiliser les données d'accès à la machine virtuelle, les propriétés et les méthodes calculées :

<code class="js">const app = new Vue({
  data() {
    return {
      count: 0
    }
  },
  computed: {
    doubleCount() {
      return this.count * 2
    }
  },
  methods: {
    incrementCount() {
      this.count++
    }
  }
})

app.vm.doubleCount // 0
app.vm.incrementCount()
app.vm.doubleCount // 2</code>

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!