Bagaimana untuk mengisytiharkan kaedah dalam mounted in vue

Bagaimana untuk mengisytiharkan kaedah dalam Vue.js dipasang? Sebagai harta objek, contoh komponen diakses melalui konteks ini sebagai pilihan kaedah, yang terkandung dalam objek kaedah, contoh komponen juga diakses melalui ini.

Cara mengisytiharkan kaedah dalam dipasang dalam Vue.js

Mengisytiharkan kaedah dalam fungsi cangkuk kitaran hayat Vue.js mounted ialah satu cara untuk melaksanakan kod selepas komponen itu dipasang kaedah biasa. Berikut adalah dua cara untuk mengisytiharkan kaedah: 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 Sebagai atribut objek🎜🎜rrreee🎜🎜2 Sebagai pilihan kaedah🎜🎜rrreee🎜Tidak kira kaedah yang digunakan, kaedah yang diisytiharkan boleh lulus ini<.>Context access component instance. 🎜🎜🎜Contoh🎜🎜rrreee🎜Dalam contoh di atas, kaedah logComponentMounted dipanggil selepas komponen dipasang dan mengeluarkan mesej log ke konsol. 🎜

Atas ialah kandungan terperinci Bagaimana untuk mengisytiharkan kaedah dalam mounted in vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!