vue에 마운트된 메소드를 선언하는 방법

Vue.js에 메소드를 어떻게 선언하나요? 객체 속성으로서 구성 요소 인스턴스는 메소드 객체에 포함된 메소드 옵션으로 이 컨텍스트를 통해 액세스되며 구성 요소 인스턴스도 이를 통해 액세스됩니다.

Vue.js에 마운트된 메소드를 선언하는 방법

Vue.js 라이프사이클 후크 함수 mounted에서 메소드를 선언하는 것은 컴포넌트가 마운트된 후 코드를 실행하는 방법입니다. 일반적인 방법. 메소드를 선언하는 방법은 두 가지입니다. 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. 객체 속성으로🎜🎜rrreee🎜🎜2. 메소드 옵션으로🎜🎜rrreee🎜어떤 메소드를 사용하든 선언된 메소드는 this컨텍스트 액세스 구성 요소 인스턴스. 🎜🎜🎜Example🎜🎜rrreee🎜위 예시에서는 컴포넌트가 마운트된 후 <code>logComponentMounted 메서드가 호출되어 로그 메시지를 콘솔에 출력합니다. 🎜

위 내용은 vue에 마운트된 메소드를 선언하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!