数据持久化

store>index.js里做数据持久化

import { createStore } from 'vuex'
export default createStore ({
    mutations: {
        addMenu(state) {
            if (!localStorage.getItem('menu')) {
                return
            }
            const menu = JSON.parse(localStorage.getItem('menu')) //获取到localStorage.getItem的值要进行JSON.parse的转换
            state.menu = menu    //重新让state.menu 等于 menu
        }
    }
})

组件刷新要进过根组件APP.vue

在根组件调用方法

<script setup>
import { useStore } from 'vuex'

const store = useStore();
store.commit("addMenu");
</script>