vm in vue은 무슨 뜻인가요?

Vue의

vm은 현재 Vue 인스턴스를 참조하고 데이터, 계산된 속성, 메서드 및 수명 주기 후크와 같은 인스턴스 속성 및 메서드에 액세스하는 방법을 제공하는 로컬 변수입니다. 1. vm.someData: 템플릿의 데이터에 액세스합니다. 2. this.someData: 컴포넌트 코드의 데이터에 액세스합니다. 3. this.someCompulated: 계산된 속성에 액세스합니다. 4. this.someMethod: 메소드를 호출합니다.

Vue에서 VM은 무엇인가요?

Vue.js의 vm은 Vue 인스턴스를 참조하는 로컬 변수입니다. 즉, vm은 현재 Vue 인스턴스를 가리키는 객체입니다.

Vue 인스턴스의 구조

Vue 인스턴스는 다음 속성과 메서드를 포함하는 객체입니다.

• data: 인스턴스 데이터를 포함하는 반응형 객체
• computed: 계산된 속성을 포함하는 함수
• 메소드: 메소드를 포함하는 함수
• watch: 데이터 속성의 변경을 모니터링하는 관찰자
• 라이프사이클 후크: 인스턴스 라이프사이클 동안 실행되는 후크 기능

vm의 목적

vm은 A를 제공합니다. 템플릿과 코드에서 Vue 인스턴스에 액세스하는 방법입니다. 데이터, 계산된 속성, 메서드 및 수명 주기 후크에 액세스하는 데 사용할 수 있습니다.

vm 사용 방법

Vue 템플릿에서는 다음 구문을 사용하여 vm에 액세스할 수 있습니다.

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

Vue 구성 요소 코드에서는 다음 구문을 사용하여 vm에 액세스할 수 있습니다.

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

Example

다음 예에서는 VM 액세스 데이터, 계산된 속성 및 메서드를 사용하는 방법을 보여줍니다.

<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>

위 내용은 vm in vue은 무슨 뜻인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!