Vue:함수: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
(새 문서: {{Vue}} == 개요 == 특정 명령을 재사용하거나, 너무 긴 코드를 다른 곳에 정리해두고 싶을 때 사용하는 기능. {| class="wikitable" !의도 !코드 !설...) |
(→개요) |
||
| 1번째 줄: | 1번째 줄: | ||
{{Vue}} | {{Vue}} | ||
== 개요 == | ==개요== | ||
특정 명령을 재사용하거나, 너무 긴 코드를 다른 곳에 정리해두고 싶을 때 사용하는 기능. | 특정 명령을 재사용하거나, 너무 긴 코드를 다른 곳에 정리해두고 싶을 때 사용하는 기능. | ||
{| class="wikitable" | {| class="wikitable" | ||
| 31번째 줄: | 31번째 줄: | ||
함수내용. | 함수내용. | ||
} | } | ||
} | }, | ||
mounted() { | |||
// 함수는 라이프사이클 어디에서든 불려와져야 한다. | |||
this.함수이름() | |||
this.함수2() | |||
} | |||
} | } | ||
2022년 7월 5일 (화) 16:04 기준 최신판
개요[편집 | 원본 편집]
특정 명령을 재사용하거나, 너무 긴 코드를 다른 곳에 정리해두고 싶을 때 사용하는 기능.
| 의도 | 코드 | 설명 |
|---|---|---|
| 코드를 정리하기 위해 함수 사용 | <a @click="함수이름">버튼 {{ 변화 }}</a>
<script>
export default {
name : 'App',
data() {
return {
데이터 :1,
데이터2 : 2,
데이터3 : ['등', '등등']
}
},
methods : { // 함수를 작성할 공간을 정의하는 옵션.
함수이름() {
함수내용.
this.데이터; // 데이터를 사용하기 위해선 this 안으로 접근해야 한다.
},
함수2() {
함수내용.
}
},
mounted() {
// 함수는 라이프사이클 어디에서든 불려와져야 한다.
this.함수이름()
this.함수2()
}
}
</script>
|