Vue3 刷新一下Vuex里的store存储内容会被清空掉

Vue3 刷新一下Vuex里的store存储内容会被清空掉

解决办法：

在App.vue里面将store存储到sessionStorage里面，页面刷新时在取出来

<script setup>

import { useStore } from 'vuex';


let store = useStore();

    if (sessionStorage.getItem("store")) {
        store.replaceState(Object.assign({},store.state,JSON.parse(sessionStorage.getItem("store"))))
    }

    //在页面刷新时将vuex里的信息保存到sessionStorage里
    window.addEventListener("beforeunload",()=>{
        sessionStorage.setItem("store",JSON.stringify(store.state))
    })

</script>