Vue:함수 편집하기

{{Vue}}

==개요==
특정 명령을 재사용하거나, 너무 긴 코드를 다른 곳에 정리해두고 싶을 때 사용하는 기능.
{| class="wikitable"
!의도
!코드
!설명
|-
|코드를 정리하기 위해 함수 사용
|<syntaxhighlight lang="html">
<a @click="함수이름">버튼 {{ 변화 }}</a>


<script>
export default {
    name : 'App',
    data() {
        return {
            데이터 :1,
            데이터2 : 2,
            데이터3 : ['등', '등등']
        }
    },
    methods : {  // 함수를 작성할 공간을 정의하는 옵션.
        함수이름() {
            함수내용.
            this.데이터;  // 데이터를 사용하기 위해선 this 안으로 접근해야 한다.
        },
        함수2() {
            함수내용.
        }
    },
    mounted() {
    // 함수는 라이프사이클 어디에서든 불려와져야 한다.
    this.함수이름()
    this.함수2()
  }
}
    
</script>
</syntaxhighlight>
|
|}