vue3导出自定义路径保存

在Vue3中，要导出自定义路径并保存数据，通常会结合Vuex（状态管理库）或localStorage/localStorage API来实现。以下是基本步骤：

1. **Vuex**:
- 安装Vuex：`npm install vuex`
- 创建store实例：在main.js中导入并创建`import { createStore } from 'vuex'`
- 定义状态（state）和相应的mutations（用于修改状态）:

     export default new Vuex.Store({
       state: {
         customPathData: ''
       },
       mutations: {
         setData(state, data) {
           state.customPathData = data;
         }
       }
     });

- 使用actions或直接在组件内通过`this.$store.commit('setData', data)`更新数据，并在需要的地方读取`this.$store.state.customPathData`.

2. **localStorage**:
- 存储数据：

     function saveToLocalStorage(key, value) {
       localStorage.setItem(key, JSON.stringify(value));
     }
     
     function readFromLocalStorage(key) {
       return JSON.parse(localStorage.getItem(key)) || null;
     }

     saveToLocalStorage('customPathData', yourData);

- 从localStorage读取数据：

     const savedData = readFromLocalStorage('customPathData');