官方文档: http://element-cn.eleme.io/#/zh-CN/component/installation
一、完整引入
1. 在项目目录下执行:npm i element-ui -S
2. 在main.js中写入
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
3. 直接在组件中用
element-ui提供的组件名以el-开头
二、按需引入
我们可以只引入需要的组件,以达到减小项目体积的目的。
1. 安装包
npm i element-ui -S
npm install babel-plugin-component -D
2. 然后,将 .babelrc 修改为:
注意官方文档此处有坑,以下提供完整配置
把vue-cli构建的项目默认的:
{
"presets": [
["env", {
"modules": false,
"targets&