vuecli4 局部引入element ui
1>安裝 npm i element-ui -S
2>安裝 npm install babel-plugin-component -D
3>在balelconfig.js 增加
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
如
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
4>引入并使用 main.js
import { Button,Message} from 'element-ui';
Vue.use(Button)
Vue.prototype.$message = Message;//注意 彈框等引入方式不是use
<el-button :plain="true" @click="open">打開消息提示</el-button>
this.$message('這是一條消息提示');
搭項目順便都記一下方便
