坑就坑在步骤三需要新创建一个文件夹来存放需要按需引入的内容而官方文档并没有提示出来,这个地方我当时搞了半天,我一度怀疑是我代码写错了。
1.安装 npm install babel-plugin-component -D
npm install babel-plugin-component -D
2.找到.babelrc文件,在plugins数组中添加
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
3.在src中创建文件夹 element-ui 在文件夹中新建 index.js 在js文件中引入所需的组件
import Vue from 'vue'
import {
Pagination,
Table
} from 'element-ui'
Vue.use(Pagination)
Vue.use(Table)
4.在main.js中引入ElementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
如有写的不好或不对的地方,希望大家指出来!