element-ui安装与使用

element-ui整个引入的使用方法
第一步:在编辑器中打开终端,进入项目安装

npm i element-ui -S

第二步:在main.js中引入,还有css文件。记得加上Vue.use(ElementUI);

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);

第三步:在App.vue中复制需要的代码并使用,如:

<el-button-group>
  <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
  <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>
<el-button-group>
  <el-button type="primary" icon="el-icon-edit"></el-button>
  <el-button type="primary" icon="el-icon-share"></el-button>
  <el-button type="primary" icon="el-icon-delete"></el-button>
</el-button-group>

第四步:在终端中运行npm run serve