模板修改

src/main.ts

@@ -10,13 +10,17 @@ import { createApp } from 'vue'
 import router from './router/index' //引入vue-router
 import App from './App.vue'
 import { createPinia } from 'pinia'
-import Footer from '@/components/Footer.vue'
-import Header from '@/components/Header.vue'
+import Foot from '@/components/Foot.vue'
+import Head from '@/components/Head.vue'
+import ElementPlus from 'element-plus'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import 'element-plus/dist/index.css'
 import 'normalize.css/normalize.css'
 // 挂载到app上
 createApp(App)
   .use(router)
   .use(createPinia())
-  .component('Footer', Footer)
-  .component('Header', Header)
+  .use(ElementPlus)
+  .component('Foot', Foot)
+  .component('Head', Head)
   .mount('#app')