在src目录下创建一个plugins/element.js
import Vue from 'vue'
import { Button,Message} from 'element-ui'
Vue.use(Button)
// 将弹框组件全局挂在到VUe原形实例
Vue.prototype.$message = Message
还需要下载npm install babel-plugin-component -D插件
在main.js引入
import './plugins/element.js'
import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI);
还需要在babel.config.js操作
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
//下面是必须的
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}