手动按需引入组件

src/App.vue

@@ -2,6 +2,7 @@
 import uploadFileMiao from "./components/uploadFileMiao.vue";
 import downloadFileMiao from "./components/downloadFileMiao.vue";
 import settingMiao from "./components/setting.vue";
+import {NNotificationProvider,NMessageProvider,NCard,NTabs,NTabPane} from 'naive-ui'
 
 
 </script>

src/components/downloadFileMiao.vue

@@ -33,6 +33,7 @@ import { Base64 } from "js-base64";
 import { saveAs } from "file-saver";
 import { useSettingStore } from "@/pinia/store";
 import { sm4 } from "sm-crypto";
+import {NInput,NFlex,NDataTable,NButton} from 'naive-ui'
 
 var downloadFileID = ref();
 

src/components/setting.vue

@@ -37,6 +37,7 @@
 import { ref, onMounted } from "vue";
 import { useSettingStore } from "@/pinia/store";
 import { useMessage, useNotification } from "naive-ui";
+import {NList,NListItem,NFlex,NButton} from 'naive-ui'
 
 const setting = useSettingStore();
 const message = useMessage();

src/components/uploadFileMiao.vue

@@ -43,6 +43,7 @@ import { useMessage, useNotification } from "naive-ui";
 import useClipboard from "vue-clipboard3";
 import { useSettingStore } from "@/pinia/store";
 import { sm4 } from 'sm-crypto'
+import {NUpload,NUploadDragger,NText,NP,NFlex,NDataTable,NButton,NInputNumber} from 'naive-ui'
 
 const setting = useSettingStore();
 const { toClipboard } = useClipboard();

src/main.js

@@ -4,7 +4,7 @@ import 'vfonts/Lato.css'
 import { createApp } from "vue";
 import App from "./App.vue";
 import router from "./router";
-import naive from "naive-ui";
+// import naive from "naive-ui";
 import { createPinia } from "pinia";
 
 // const naive = create({
@@ -16,6 +16,6 @@ const app = createApp(App);
 
 app.use(router);
 app.use(pinia);
-app.use(naive);
+// app.use(naive);
 
 app.mount("#app");