如何在vue项目中引入elementUI组件

先附送elementUI官网http://element.eleme.io/#/zh-CN/component/installation
在保证项目初始化并且npm install过能正常运行的情况下

安装 elementUI

打开终端，输入以下内容

npm i element-ui -S

引入 Element

1）完整引入

在 main.js 中写入以下内容：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

以上代码便完成了 Element 的引入。需要注意的是，样式文件需要单独引入。

2)按需引入（当考虑到项目体积比较大时进行按需可参照官网很详细）

测试是否引入成功

选择一个vue文件在其中加入以下代码，看是否有效果

<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>

安装成功页面会显示element的组件