완전히 다른 것입니다. Vuex는 구성 요소 데이터 공유 유형인 상태 관리에 사용됩니다. 한 구성 요소의 데이터 변경 사항은 이 데이터를 사용하는 다른 구성 요소에 매핑됩니다. H5에서 제공하는 더욱 간편한 데이터 저장 방식인 로컬 스토리지(localstorage)에 대해 이야기해보겠습니다. 이전에는 쿠키를 사용하여 데이터를 저장했지만, 쿠키에 저장되는 데이터의 양이 너무 적어 인터페이스가 번거로웠습니다. 로컬 스토리지 데이터는 5M로 제한될 수 있는데 이는 상당히 큰 규모이며 API는 매우 간단하고 기억하기 쉽고 사용하기 쉽습니다. 앞으로 주류가 될 것이라고 믿습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
vuex는 뷰에 해당하는 데이터를 나타내는 상태를 저장하며 저장 위치는 메모리에 있습니다.
Localstorage는 컴퓨터에 파일과 디스크를 저장할 수 있도록 브라우저에서 제공하는 인터페이스입니다. 물론 상태를 로컬에 저장할 수도 있습니다!이는 완전히 두 가지입니다. Vuex는 구성 요소 간의 통신을 용이하게 하는 Vue의 상태 관리 메커니즘이고, 로컬 저장소는 일반적으로 사용 시 데이터를 브라우저에 저장하는 방법입니다. .
완전히 다른 것입니다. Vuex는 구성 요소 데이터 공유 유형인 상태 관리에 사용됩니다. 한 구성 요소의 데이터 변경 사항은 이 데이터를 사용하는 다른 구성 요소에 매핑됩니다. H5에서 제공하는 더욱 간편한 데이터 저장 방식인 로컬 스토리지(localstorage)에 대해 이야기해보겠습니다. 이전에는 쿠키를 사용하여 데이터를 저장했지만, 쿠키에 저장되는 데이터의 양이 너무 적어 인터페이스가 번거로웠습니다. 로컬 스토리지 데이터는 5M로 제한될 수 있는데 이는 상당히 큰 규모이며 API는 매우 간단하고 기억하기 쉽고 사용하기 쉽습니다. 앞으로 주류가 될 것이라고 믿습니다.
xsf——1991에서 이미 잘 설명했습니다. 디스패치 트리거 vuex가 현재 경로에 작성되지 않고 페이지를 새로 고치면 이전에 vuex에 저장된 데이터가 초기화되고 vuex의 데이터가 길을 잃다.