Comment déclarer des méthodes montées dans vue

Comment déclarer les méthodes dans Vue.js montées ? En tant que propriété d'objet, l'instance du composant est accessible via ce contexte ; en tant qu'option de méthode, contenue dans l'objet méthodes, l'instance du composant est également accessible via celui-ci.

Comment déclarer une méthode montée dans Vue.js

Déclarer une méthode dans la fonction hook de cycle de vie de Vue.js montée est un moyen d'exécuter du code une fois le composant monté. Méthodes courantes. Voici deux façons de déclarer des méthodes : 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. En tant qu'attribut d'objet🎜🎜rrreee🎜🎜2 En tant qu'option de méthode🎜🎜rrreee🎜Quelle que soit la méthode utilisée, la méthode déclarée peut être transmise this<.> Instance de composant d’accès contextuel. 🎜🎜🎜Exemple🎜🎜rrreee🎜Dans l'exemple ci-dessus, la méthode <code>logComponentMounted est appelée une fois le composant monté et génère un message de journal sur la console. 🎜

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!