vue 按需引入 element-ui 组件

新建 plugins/element-ui.js 文件，在里面写入需要引入的组件：

import Vue from 'vue'
import {
  Button,
  Dialog,
  Form,
  FormItem,
  Loading,
  Message,
  Pagination,
  Row,
  Table,
  TableColumn,
  TimePicker
} from 'element-ui'
import CollapseTransition from 'element-ui/lib/transitions/collapse-transition'

Vue.use(Button)
Vue.use(Dialog)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Pagination)
Vue.use(Row)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(TimePicker)

Vue.use(Loading.directive)

Vue.component(CollapseTransition.name, CollapseTransition)

Vue.prototype.$loading = Loading.service
Vue.prototype.$message = Message

在 main.js 中添加以下代码，引入上一步新建的文件：

import './plugins/element-ui.js'

页面中使用 element-ui 组件：

<template>
  <div class="home">
      <el-button type="primary">确定el-button>
  div>
template>

<script>
export default {
  name: 'HomeView',
  components: {
  }
}
script>

注意：按需加载仍然需要安装 element 完整组件，只是在配置参数之后，打包时只会把plugins/element-ui.js 标明的组件进行打包，从而达到减小文件体积的目的。