《Vue3 基础知识》 Vue2+ElementUI 自动转 Vue3+ElementPlus（GoGoCode）

在将Vue2项目升级到Vue3的过程中，ElementUI不再被官方支持，需要将ElementUI迁移到ElementPlus。以下是如何进行转换的步骤和示例代码：

1. 安装ElementPlus：

npm install element-plus --save

2. 修改main.js，替换ElementUI为ElementPlus，并使用Vue3的Composition API：

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
 
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

3. 修改单文件组件，使用Composition API（如果需要的话）：

<template>
  <el-button @click="handleClick">Click Me</el-button>
</template>
 
<script>
import { ref } from 'vue'
export default {
  setup() {
    const count = ref(0)
    const handleClick = () => {
      count.value++
    }
    return { count, handleClick }
  }
}
</script>

4. 修改其他使用ElementUI组件的文件，确保按钮、输入框等组件属性和事件都能正常工作。

注意：ElementPlus是ElementUI的Vue3版本，API上有少量不兼容之处，需要根据ElementPlus的文档调整使用方式。