refactor: 重构功能，并微调

src/main.js

@@ -1,30 +1,35 @@
-import './assets/main.css'
+import "./assets/main.css";
 
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
+import { createApp } from "vue";
+import { createPinia } from "pinia";
 
-import App from './App.vue'
-import router from './router'
+import App from "./App.vue";
+import router from "./router";
 
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
+import ElementPlus from "element-plus";
+import "element-plus/dist/index.css";
+import { useErrorStore } from "./stores/error";
 
-const app = createApp(App)
+const app = createApp(App);
 
-app.use(createPinia())
-app.use(router)
+app.use(router);
 
-app.use(ElementPlus)
+app.use(ElementPlus);
+
+app.use(createPinia());
+
+app.mount("#app");
+
+// store必须写在pinia的最下面
+let { addError } = useErrorStore();
 
 // 全局错误处理
 app.config.errorHandler = (err, instance, info) => {
-  alert(info)
-  console.table([{err, instance, info}])
-}
+  console.table([{ err, instance, info }]);
+  addError(err);
+};
 
 app.config.globalProperties.$globalErrorHandler = (err, instance, info) => {
-  alert(info)
-  console.table([{err, instance, info}])
-}
-
-app.mount('#app')
+  addError(err);
+  console.table([{ err, instance, info }]);
+};

src/stores/db.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, reactive, toRaw, unref } from "vue";
 import { defineStore, storeToRefs } from "pinia";
-import { db } from "../utils/createDB";
+import { db, dexieErrorTag } from "../utils/createDB";
 import { useBookStore } from "./books";
 
 export default defineStore("DB", () => {
@@ -25,7 +25,7 @@ export default defineStore("DB", () => {
     let schema = {};
     // 这段代码的作用是：新增或修改数据库表时，不删除原有的表
     db.tables.forEach(function (table) {
-      console.log(table, "table");
+      // console.log(table, "table");
       let tableSchema = [table.schema.primKey.src];
       table.schema.indexes.forEach((index) => {
         tableSchema.push(index.src);
@@ -41,7 +41,7 @@ export default defineStore("DB", () => {
     if (!tables.includes(table)) {
       return false;
     }
-    console.log(db[table], 'qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq')
+    // console.log(db[table], 'qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq')
 
     return db[table];
   }

src/stores/error.js

@@ -0,0 +1,39 @@
+import {
+  ref,
+  computed,
+  watch,
+  reactive,
+  unref,
+  toRaw,
+  toRefs,
+  watchEffect,
+} from "vue";
+import { defineStore, storeToRefs } from "pinia";
+
+// 本store，用处在于获取、设置基础信息数据
+export const useErrorStore = defineStore("error", () => {
+  let errorList = ref([]);
+  let errorListCache = ref([]);
+
+  watch(() => errorList.value, (n, o) => {
+    console.log('监听dexie错误', n, o)
+    // 此处弹出错误弹框
+  })
+
+  function addError(err) {
+    console.log('hhhhh')
+    errorList.value = errorList.value.concat(err);
+    errorListCache.value = errorList.value.concat(err);
+  }
+
+  function clearError() {
+    errorList.value = [];
+  }
+
+  return {
+    errorList,
+    errorListCache,
+    addError,
+    clearError,
+  };
+});