vue引入element-uivue中ElementUI的使用，两个方式轻松使用element，个人学习记录，希望大家多

可以快速查阅ElementUI官网：[element.eleme.cn/#/zh-CN]

2.1.1 下载安装

npm i element-ui -S

2.1.2 在main.js中完整引入

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

2.1.3 在项目中使用element-ui的标签

<el-button type="success ">success </el-button>

2.1.4 页面效果

2.2.1 下载安装

npm i element-ui -S

npm i babel-plugin-component -D

2.2.2 在.babel.config.js新增以下内容 "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ]

2.2.3 在main.js中引入

import { Button, Tag } from 'element-ui'

Vue.use(Tag)

Vue.use(Button)

2.2.4 或者在项目目录下新建plugins文件夹,新建element.js文件

// element.js

import Vue from 'vue'

import { Button, Tag } from 'element-ui'

Vue.use(Button)

Vue.use(Tag)

// main.js

import '../plugins/element.js'

2.2.5 在组件中使用

<el-button type="success ">success </el-button>

2.2.6 页面效果