Vuex Tutorial #6 - Mutations > JS프레임워크

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

JS프레임워크

Vuex Tutorial #6 - Mutations 정보

Vue Vuex Tutorial #6 - Mutations

본문

Mutations https://vuex.vuejs.org/kr/guide/mutations.html

 

차일드에서 처리 할수 있지만

this.$store.state.products.forEach( product => {

  product.price -= 1;

})

 

코드가 많아지면 어디서 바꾸는지 트랙킹하기 힘들어짐.

 

mutations: {

  reducePrice: state => {

    state.products.forEach( product => {

      product.price -= 1;

    })

  }

}

 

this.$store.commit('reducePrice');

 

vue-devtools에서 트랙킹이 가능함.

 

store안에 strict : true로 하면 아웃사이드에서 수정불가 (에러남.)

 

https://github.com/iamshaunjp/vuex-playlist/tree/lesson-06

 

추천
0

댓글 0개

전체 261 |RSS
JS프레임워크 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT