이게 전부다. 2가지 방법.
첫번째,
...mapMutations(['addUsers'])를 등록해두고 this.addUsers(userObj)를 쓴다.
두전째,
this.$store.commit('addUsers',userObj)만 써서 한번에 접근한다.
그니까 mutations의 역할이 state 변화 및 관리다. 즉 효율적 관리다.
mutations는 여러 컴포넌트에서 동작을 하는데 , 이를 비동기로 받아들이면, 같은 값에 대해서
그 순서를 정확하게 알기 어렵다.
즉, state를 변화 시키는 것은 mutation에 넣는다.
이를 동작시키는 biz들은 actions에 넣는다.
mutations = commit
actions = dispatch
즉 ,
mutations는 동기 역할을 한다( state를 변화 시키는 한줄 )
actions는 비동기 역할을 한다. ( 변화시키기 위한 로직이 들어간다 )
'개발 및 언어 > 뷰' 카테고리의 다른 글
vuex(state, getters, mutations, actions ) 역할 정리 (0) | 2020.02.24 |
---|---|
getters, mapGetters 쓰는 방법 및 용도(state, foreach는 덤) (0) | 2020.02.23 |
Mixin( 공통적으로 사용하는 부분) (0) | 2020.02.23 |
뷰 개발환경 ( 3.x- >4.x ) (0) | 2020.02.23 |
v-card (0) | 2020.02.19 |