반응형
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
- 국비IT
- 리액트
- 이안의평일코딩
- 타입스크립트
- react
- 정보처리기사정리
- 스프링
- ReactNative
- VUE
- 정보처리기사실기
- 자바의정석
- 자바스크립트
- Java의정석
- 국비코딩
- 정보처리기사
- 자스코테
- 오라클
- 리액트네이티브
- 정보처리기사실기요약
- typescript
- spring
- CSS
- 정보처리기사실기정리
- 코딩테스트
- javascript
- 자바스크립트 코딩테스트
- php
- 정보처리기사요약
- 평일코딩
- Oracle
Archives
- Today
- Total
목록mapActions (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