반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- VUE
- 정보처리기사실기정리
- react
- javascript
- php
- typescript
- 이안의평일코딩
- 스프링
- 정보처리기사요약
- 자스코테
- 자바스크립트
- ReactNative
- 리액트네이티브
- CSS
- 정보처리기사
- Java의정석
- 정보처리기사정리
- 타입스크립트
- 국비코딩
- Oracle
- 정보처리기사실기요약
- 오라클
- 평일코딩
- 국비IT
- 정보처리기사실기
- 자바스크립트 코딩테스트
- spring
- 코딩테스트
- 자바의정석
- 리액트
Archives
- Today
- Total
목록mapMutations (1)
이안의 평일코딩
[Vue] Vuex(4) - computed, mapState, mapMutations, mapActions
computed와 map methods vs computed 함수를 만들 때 methods :{}가 아닌 computed : {}를 사용해보자. export default { name: 'App', data(){ return { counter : 0, } }, methods: { now(){ return new Date() }, }, computed: { now2(){ return new Date() }, }, } methods 함수는 사용할 때마다 실행되지만, computed 함수는 사용해도 실행되지 않는다. 계산결과 저장용 함수로 쓸 수 있고 자원절약이 된다. {{now()}} {{counter}} {{now2}} {{counter}} // computed 함수는 이름만 쓴다 버튼 버튼을 누르면 co..
Front-end/Vue
2021. 5. 19. 13:53