说出来你可能不信 这个问题确实是你的vue版本太高了
这里不建议大家减低vue版本
你可以顺手引入一下element-plus

npm install element-plus --save

然后main.js参考一下代码

import {
    
    createApp} from 'vue'
import App from './App.vue'

import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';

createApp(App).use(ElementPlus).mount('#app')

然后在App.vue中编写一个element ui组件尝试一下

<template>
  <div id = "app">
      <el-button icon="el-icon-plus" size="small">我是一个element-plus按钮</el-button>
  </div>
</template>

<script>

export default {
      
      
  name: 'App',
}
</script>

<style>
</style>

效果也是非常的不错