코드는 그대로 따라 친 거 같은데 버튼을 눌러도 바로 랜더링이 안 되네요.
버튼 눌렀을 때 해당 스테이트가 변경되는거는 로그로 찍히는데 화면에 바로 반영이 안 됩니다.
app.vue
<h4>안녕 {{ $store.state.name }} </h4>
<button @click="$store.commit('change_name')">button</button>
store.js
import { createStore } from 'vuex'
const store = createStore({
state() {
return {
name: 'kim'
}
},
// state수정하는 곳
mutations: {
change_name(state) {
console.log(state.name);
state.name = 'park';
}
},
},)
export default store
