Wed May 1 15:49:00 CST 2024 inscode

package.json

@@ -15,7 +15,8 @@
     "html2canvas": "^1.4.1",
     "vue": "^3.2.37",
     "vue-router": "^4.2.5",
-    "vuex": "^4.1.0"
+    "vuex": "^4.1.0",
+    "web-performance-tool": "^1.0.0-bata.0"
   },
   "devDependencies": {
     "@types/node": "^18.19.6",

src/App.vue

@@ -2,12 +2,17 @@
 
 
 <script setup>
-import { ref, onBeforeMount, reactive } from "vue";
+import { ref, onBeforeMount, reactive ,onMounted} from "vue";
 import { ListenDomChange } from '@/utils/index'
 import zhCN from "ant-design-vue/es/locale/zh_CN";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
 import { useStore } from "vuex";
+import {WebPerformance} from 'web-perfromance-tool';
+onMounted(()=>{
+  const WebPerformanceInstance=new WebPerformance();
+  console.log('性能指标：',WebPerformanceInstance.getPerformance())
+})
 
 dayjs.locale("zh-cn");
 const locale = ref(zhCN);