【区分vue2和vue3下的elementUI和elementUI Plus的button组件，介绍如何安装，属性，事件，方法等以及使用案例】

在Vue 2和Vue 3中，Element UI和Element Plus的Button组件是相似的，但在安装和使用上有一些区别。

1. 安装：

   • Vue 2项目中安装Element UI：

     
     
     
     npm install element-ui --save

     或者使用Vue CLI的可选配置来安装：

     
     
     
     vue add element

   • Vue 3项目中安装Element Plus：

     
     
     
     npm install element-plus --save

2. 使用：

   • Vue 2中使用Element UI的Button组件：

     
     
     
     <template>
       <el-button @click="handleClick">Click Me</el-button>
     </template>
      
     <script>
     import { Button } from 'element-ui'
     export default {
       components: {
         'el-button': Button
       },
       methods: {
         handleClick() {
           console.log('Button clicked')
         }
       }
     }
     </script>

   • Vue 3中使用Element Plus的Button组件：

     
     
     
     <template>
       <el-button @click="handleClick">Click Me</el-button>
     </template>
      
     <script>
     import { ElButton } from 'element-plus'
     export default {
       components: {
         ElButton
       },
       methods: {
         handleClick() {
           console.log('Button clicked')
         }
       }
     }
     </script>

3. 属性：

   Element UI和Element Plus的Button组件属性是相同的，你可以查阅官方文档来了解所有支持的属性。

以上是如何在Vue 2和Vue 3中安装和使用Element UI和Element Plus的Button组件的简要说明和示例代码。