vue2项目使用element-ui

安装element-ui

npm install babel-plugin-component -D
npm install element-ui --save

babel.config.js

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

main.js

----------------------全部引入
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});



//----------------------------------------------------------


----------------------按需引入
import Vue from "vue"
import App from "./App"
import { Button, Select,Table,TableColumn,Input} from 'element-ui';

Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
Vue.component(Table.name, Table);
Vue.component(TableColumn.name, TableColumn);
Vue.component(Input.name, Input);

Vue.config.productionTip = false;


new Vue({
    el: "#app",
    render: h => h(App),
})