vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
387
1 asked
안녕하세요!
강의 듣으며 코드 작성중에 있는데
vuex로 코드를 작성하게 되면서 props데이터를 삭제하고 store.js로 mutation로 app.js에 있는 methodsf를 옮기게 되면서 새로고침해야지만 리스트가 추가/삭제되는 현상이 나타나고 있습니다. 다시 삭제했다가 작업해도 마찬가지네요.. 코드양이 너무 방대해서 올리기는 어려울것 같고 혹시 버전차이에 문제일수도 있나요? vue devtools에는 실시간으로 나타나는걸로 보입니다...
Answer 2
-1
안녕하세요, 인프런 AI 인턴입니다.
손승현님의 질문과 유사한 상황에 대한 기존의 질문과 답변을 찾았습니다. Vue.js를 사용하면서 Vuex를 통해 상태 관리를 할 때, 화면에 바로 업데이트가 되지 않고 새로고침해야 변경 사항이 반영되는 문제에 대해 다루고 있습니다.
- 이 문제는 주로 Vue 컴포넌트와 Vuex 상태 사이의 바인딩 문제, 데이터의 반응형 업데이트 문제 또는 비동기 처리 이슈로 발생할 수 있습니다.
- Vuex의 상태가 변경되었을 때 컴포넌트에서 이를 바로 반영하기 위해서는 해당 상태를 컴포넌트에 올바르게 연결하거나, 비동기 작업의 결과를 Vuex에 올바르게 반영하는 방식으로 구현되어야 합니다.
- 또한, Vue.js와 Vuex의 버전 차이로 인해 발생하는 호환성 문제일 수도 있으니, 호환 가능한 버전을 사용하고 있는지 확인해보는 것도 좋은 접근입니다.
구체적으로 “todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다“와 관련된 답변을 참고하면 도움이 될 것 같습니다. 해당 답변에서는 Vuex 상태를 활용한 데이터 반영과 관련하여 문제 해결에 도움이 될 수 있는 방법을 제안하고 있습니다.
- todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다 - 이 자료에서는 Vuex 상태를 컴포넌트에서 바로 반영하지 못하는 문제와 그 해결 방법에 대해 설명하고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
Chrome 개발자 모드 확장이 안됨
0
254
1
깃 권한 요청드립니다
0
118
1
vue.js 중급 리포지토리 권한 관련
0
118
1
vuex + axios 질문 있습니다!
1
198
2
깃 권한 요청드립니다!
0
161
1
강의 깃주소 문의
0
144
1
router-view에 props를 어떻게 넘길 수 있나요?
1
279
2
Vue가 인식되지 않는 현상
0
205
1
기초강좌는 어디있나요?
1
190
2
App.vue가 필요한 이유
0
192
1
getter가 정의되어 있지 않아 오류가 발생합니다.
1
253
1
뷰 라이프사이클
1
187
1
TSLint 말고 TSLint Vue 설치해도 되나요?
1
367
3
로컬 스토리지는 어디에 있나요?
1
279
1
export default 관련한 질문
0
354
2
깃허브 vue-todo 접근불가에 따른 확인요청
1
354
2
깃허브에 문제있는것 같습니다.
1
273
2
인프런 강의 재생 화면 구성 변경 문의드립니다
1
303
2
addTodo Helper 함수 적용
1
243
1
vuex 헬퍼 전역 설정
1
245
2
github 권한요청드립니다.
1
258
2
이벤트 위치에 대한 궁금증 입니다.
1
223
2
구조 차이에 대한 문의
1
344
2
TodoList.vue에서 삭제 처리를 위한 emit이 작동하지 않습니다.
1
566
2