So deklarieren Sie in Vue bereitgestellte Methoden

Wie deklariere ich Methoden in Vue.js als gemountet? Als Objekteigenschaft wird über diesen Kontext auf die Komponenteninstanz zugegriffen; als im Methodenobjekt enthaltene Methodenoption wird auch über diesen auf die Komponenteninstanz zugegriffen.

So deklarieren Sie eine Methode in Vue.js gemountet

Die Deklaration einer Methode in der Lebenszyklus-Hook-Funktion mount von Vue.js ist eine Möglichkeit, Code auszuführen, nachdem die Komponente installiert wurde gemountet. Es gibt zwei Möglichkeiten, Methoden zu deklarieren: mounted 中声明方法是一种在组件挂载后执行代码的常见方法。下面介绍两种声明方法的方式：

1. 作为对象属性

<code class="js">export default {
  mounted() {
    this.myMethod()
  },
  methods: {
    myMethod() {
      // 方法实现
    }
  }
}</code>

2. 作为方法选项

<code class="js">export default {
  mounted() {
    this.myMethod()
  },
  methods: {
   myMethod() {
      // 方法实现
    }
  }
}</code>

无论使用哪种方法，声明的方法都可以通过 this 上下文访问组件实例。

示例

<code class="js">export default {
  mounted() {
    this.logComponentMounted()
  },
  methods: {
   logComponentMounted() {
      console.log('组件已挂载')
    }
  }
}</code>

在上面的示例中，logComponentMounted

🎜1. Als Objektattribut🎜🎜rrreee🎜🎜2. Als Methodenoption🎜🎜rrreee🎜Unabhängig davon, welche Methode verwendet wird, kann die deklarierte Methode thisKontextzugriffskomponenteninstanz. 🎜🎜🎜Beispiel🎜🎜rrreee🎜Im obigen Beispiel wird die Methode <code>logComponentMounted nach dem Mounten der Komponente aufgerufen und gibt eine Protokollmeldung an die Konsole aus. 🎜

Das obige ist der detaillierte Inhalt vonSo deklarieren Sie in Vue bereitgestellte Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!