Element UI组件的安装与使用

1. npm 安装

使用 npm 方式安装

npm i element-ui -S

2.在项目中引入 Element

组件库完整引入

在 main.js 文件中加入以下代码：

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

Vue.use(ElementUI);

组件按需引入

这样做的好处是可以减小项目的体积

首先要确保安装 babel-plugin-component：

npm install babel-plugin-component -D

将 .babelrc 文件修改为：

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

部分引入方式（假如要引入 Button、Select 组件）：

import { Button, Select } from 'element-ui';

Vue.use(Button)
Vue.use(Select)

以上。