在此基础上如何引入elementui组件库

要在基于Vue.js的基础上引入Element UI组件库，你需要完成以下几个步骤：

1. **安装Element UI**:
使用npm或yarn全局安装Element UI：

   npm install element-ui -S (使用npm)
   yarn add element-ui -D (使用yarn)

2. **注册Element UI插件**:
在`main.js`或其他全局脚本中，添加Element UI的注册代码：

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

   Vue.use(ElementUI);

3. **在组件中使用组件**:
在需要使用Element UI组件的Vue组件中，你可以像下面这样导入并使用它们：

   <template>
     <div>
       <el-button type="primary">点击我</el-button> <!-- 使用Element的按钮组件 -->
     </div>
   </template>

   <script>
   export default {
     components: {
       ElButton: ElementUI.Button, // 映射Element UI组件名
     }
   };
   </script>

或者直接使用`<el-button>`标签，Vue会自动解析为对应的Element组件。

4. **配置路由和懒加载**:
如果你在项目中有路由管理，记得给Element UI的组件设置懒加载路径。