html5 - vue 프로젝트의 vuex 저장 문제

Question

효과를 얻으려면 버튼을 클릭하여 왼쪽 메뉴의 너비를 전환하세요.

이제 Vuex를 사용하여 IsOpen 필드를 저장한 다음 nav 구성 요소와 메뉴 구성 요소 모두 필드의 초기 값을 얻었습니다. nav 구성 요소 버튼을 클릭하면 IsOpen 값이 반환됩니다. 도 전환되지만 값이 변경됩니다. 클래스 이름의 너비는 전환되지 않습니다.

탐색 구성 코드는 다음과 같습니다.

메뉴 구성요소의 코드는 다음과 같습니다.

Answer 1

'vuex'에서 { mapGetters } 가져오기

수출 {

으아악

}

웨어하우스의 getters 파일에 스타일을 전환하는 코드를 작성하세요

Answer 2

vuex 문서를 주의 깊게 읽어보세요

Vuex의 상태 저장은 반응적입니다. Vue 구성 요소가 저장소에서 상태를 읽을 때 저장소
의 상태가 변경되면 해당 구성 요소가 그에 따라 효율적으로 업데이트됩니다.

---

Vuex 데이터를 태그에 직접 바인딩할 수 있습니다

으아악