Vue 프레임워크에서의 메서드 작업

Vue에서는 Vue 용어로 메서드라고 불리는 자체 함수를 생성할 수 있습니다. 이를 위한 속성은 methods입니다. 그것은 다음과 같이 위치합니다:

App.vueexport default {
  data() {
    
  },
  methods: {
    
  }
}

이후 간결함을 위해, 다음과 같이 축약형으로 작성하겠습니다:

App.vuemethods: {
  
}

테스트용 메서드를 하나 만들어 봅시다:

App.vuemethods: {
  show: function() {
    alert('!');
  }
}

이 메서드를 뷰에서 호출해 봅시다. 이 경우, 페이지 로드 즉시 실행됩니다:

App.vue<template>
  {{ show() }}
</template>