1.使用npm安装element-ui
npm i element-ui -S
2.安装 babel-plugin-component
npm install babel-plugin-component -D
3.将babel.config.js修改为:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset' //跟官网的不同
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
4.按需引入/注册部分组件
//element.js
import Vue from 'vue';
import { Button,Form} from 'element-ui';
Vue.use(Button)
Vue.use(Form)
5.使用InfiniteScroll 无限滚动报错
安装vue-infinite-scroll
npm install vue-infinite-scroll --save
引入
import infiniteScroll from "vue-infinite-scroll";
Vue.use(infiniteScroll);