Vue:함수
개요[편집 | 원본 편집]
특정 명령을 재사용하거나, 너무 긴 코드를 다른 곳에 정리해두고 싶을 때 사용하는 기능.
| 의도 | 코드 | 설명 |
|---|---|---|
| 코드를 정리하기 위해 함수 사용 | <a @click="함수이름">버튼 {{ 변화 }}</a>
<script>
export default {
name : 'App',
data() {
return {
데이터 :1,
데이터2 : 2,
데이터3 : ['등', '등등']
}
},
methods : { // 함수를 작성할 공간을 정의하는 옵션.
함수이름() {
함수내용.
this.데이터; // 데이터를 사용하기 위해선 this 안으로 접근해야 한다.
},
함수2() {
함수내용.
}
},
mounted() {
// 함수는 라이프사이클 어디에서든 불려와져야 한다.
this.함수이름()
this.함수2()
}
}
</script>
|