别再找.babelrc
文件了,直接修改babel.config.js文件。
1.引入element-ui:
npm i element-ui -S
2.引入插件:
npm install babel-plugin-component -D
3.修改babel.config.js文件:
module.exports = {
presets: ["@vue/app"],
plugins:[
[
"component",
{
"libraryName":"element-ui",
"styleLibraryName":"theme-chalk"
}
]
]
}
4.在main.js文件引入想要使用的组件:
现在就可以使用this.$message({ })来使用提示框了。
注意:别在main.js中使用Vue.use(Message),而是使用实例原型,否则每次会在项目打开时就自动跳出这些提示框等等。