vuecli4局部引入element ui

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('这是一条消息提示');

搭项目顺便都记一下方便