본문 바로가기 메뉴 바로가기

beomy

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

beomy

검색하기 폼
  • 분류 전체보기 (93)
    • JavaScript (22)
    • React.JS (15)
    • Vue.JS (50)
    • ETC... (6)
  • 방명록

mapGetters (1)
[vuex] Getters

state를 계산한 값을 사용해야 할 때가 있습니다. computed: { doneTodosCount () { return this.$store.state.todos.filter(todo => todo.done).length } } todos라는 state에서 done 상태인 리스트를 가져오고 싶을 때 위의 코드와 같이 작성할 수 있습니다. 하지만 여러 컴포넌트에서 이 코드를 사용해야 한다면, 위의 코드를 복사해야 한다는 단점이 있습니다. 동일한 코드를 복사하여 사용하게 된다면 당연히 유지보수는 힘들어지겠죠. 이 단점을 해결하기 하기 위해서 Vuex는 Getter 기능을 제공합니다. store에서 사용하는 컴포넌트의 computed 속성과 비슷하다고 생각하면 이해하기 쉽습니다. computed 속성 처럼..

Vue.JS 2019. 7. 2. 23:06
이전 1 다음
이전 다음
공지사항
최근에 올라온 글

Blog is powered by Tistory / Designed by Tistory

티스토리툴바