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)
以上。