Vue 3 스토어를 Vuex 없이 유지하는 방법

Vue 3 스토어를 Vuex 없이 유지하는 방법

를 사용하고 있습니다.vue 3 store컴포넌트(이 경우 이미지 링크) 간에 값을 전달합니다.

다음과 같습니다store.js.

import {reactive} from "vue";

const re = reactive({})

export default {
    re
}

이미지 링크는 컴포넌트에 할당되어 있습니다.

store.re.article = '../../images/1.jpg'

다른 컴포넌트에서 호출되었습니다.

<img :src="store.re.article">

지금 문제는 그 가게가 지속적이지 않다는 것이다.페이지를 갱신하면 링크가 존재하지 않기 때문에 이미지가 로드되지 않습니다.나는 할 수 있다localstorage/sessionstorage하지만 영구적인 스토어를 실현하는 보다 우아한 방법이 없을까 생각하고 있습니다(예:vuex예를 들어)를 참조해 주세요.

이 도구는 존재했지만 더 이상 유지 보수되지 않습니다.https://github.com/robinvdvleuten/vuex-persistedstate

세션이나 로컬 스토리지를 사용해도 괜찮을 것 같습니다.

pinia를 사용하는 사용자를 위해 가장 최근에 작업 중인 솔루션이 있습니다.

https://github.com/prazdevs/pinia-plugin-persistedstate

언급URL : https://stackoverflow.com/questions/71351739/how-to-persist-vue-3-store-without-vuex