Element UI安装、axios配置、axios拦截器

下载

npm安装

npm i element-ui -S

引入完整的Element UI

引入Element UI

在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)
});

按需引入

1、借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。
首先，安装 babel-plugin-component：

npm install babel-plugin-component -D

2、修改根目录下的babel.config.js配置文件，新增plugins节点

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