vue导入elementui组件

在Vue.js中引入Element UI组件通常需要通过npm或yarn先安装Element UI库，然后在Vue项目中注册并导入具体的组件。以下是步骤：

1. **安装Element UI**:
- 使用npm:

     npm install element-ui --save

- 或者使用yarn:

     yarn add element-ui

2. **注册Element UI全局插件（可选）**:
如果要在整个应用中使用Element UI，可以在main.js或其他合适的入口文件中注册它：

   import Vue from 'vue'
   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css' // 引入主题样式

   Vue.use(ElementUI) // 注册Element UI

3. **导入并使用组件**:
比如你想在一个特定的组件里使用`el-button`组件，就在该组件的script标签内导入并实例化：

   import { Button } from 'element-ui'

   export default {
     components: {
       ElButton: Button // 或者直接写成 Button（如果已经全局注册）
     },
     // 其他组件配置...
   }

4. **模板中使用组件**:
在模板部分，你可以像使用普通的Vue组件一样使用Element UI组件：

   <template>
     <div>
       <el-button type="primary">点击我</el-button>
     </div>
   </template>