如何创建一个Vue组件以及使用Element UI布局
1.创建一个组件文件
在目录src/components/下，创建一个新的.vue文件,例如 Mycomponent.vue。
2.在页面视图中引用并使用该组件
例如：
<template> <div> <h1>欢迎来到 Home 页面</h1> <MyComponent /> <!-- 使用组件 --> </div> </template>
<script setup> import MyComponent from '@/components/MyComponent.vue'; // 导入组件 </script>
最后使用npm run dev运行项目即可
如何使用ElementUI中的组件
1. 进入Element UI官网 element-plus.org/
点击快速开始，里面有 完整引入，按需引入（一般我们选择这个即可，因为完整引入的话项目的加载效率会降低）。 然后在按需引入里，根据官网提供的npm指令下载插件：
npm install -D unplugin-vue-components unplugin-auto-import
然后将下列代码配置到vite或者webpack的配置文件中：
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
// ...
plugins: [
// ...
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
})
2.选择你想使用的组件，直接复制代码，粘贴到指定位置即可
如果遇到运行项目失败的，提示没有找不到***插件，可以在package.json里找一下依赖"devDependencies"里有没有正确引入该插件。卸载重装可以解决很多问题。
（有任何问题，欢迎批评指正）
