vue中引入element-ui

1、全局引入

1-1、安装依赖

yarn add element-ui babel-plugin-component

1-2、引入

//main.js
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

2、按需引入

2-1、安装依赖

yarn add element-ui babel-plugin-component

2-2、配置babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  "plugins": [["component", 
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
    }
  ]]
}

2-3、在main.js文件中引入

import 'element-ui/lib/theme-chalk/index.css';
import { Button } from 'element-ui';
Vue.use(Button)