项目中elementui的引入与使用

一·全部引入
1.安装依赖

npm i element-ui -S

2.在vue项目中的main.js文件中，引入elementUI；

import ElementUI from 'element-ui'   *// 导入组件相关样式*
import 'element-ui/lib/theme-chalk/index.css'  *// 配置vue插件*
**Vue.use(ElementUI)**  重点

** 我是分界线~~

二··部分引入
1.创建一个新的文件存放所需要的组件并导出

import {
  Pagination,
  Dropdown,
  DropdownMenu,
  DropdownItem,
  Menu
} from 'element-ui'  *//放入所需要的组件*
const element = {
  install: function (Vue) {
    Vue.use(Pagination);
    Vue.use(Dropdown);
    Vue.use(DropdownMenu);
    Vue.use(DropdownItem);
    Vue.use(Menu);
  }
}
module.exports = element; *//导出*

2.在vue项目中的main.js文件中，引入elementUI；

import ElementUI from 'element-ui'   *// 导入组件相关样式*
import 'element-ui/lib/theme-chalk/index.css'  *// 配置vue插件*
**Vue.use(ElementUI)**  重点