【ElementUI引入】

ElementUI引入

1. 下载

npm i element-ui -S

2. 按需加载

1. 安装插件

npm babel-plugin-component -D

2. 在babel.config.js中加入

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

3. 在elemenet/index.js引入组件

// 在这里按需引入element-ui
import Vue from 'vue';
import {
  Button,
  Message,
} from 'element-ui';

const ele = {
  install() {
    Vue.use(Button);
    Vue.prototype.$message = Message; 
  },
};
export default ele;

4. 在main.js中引入样式和组件

// 引入element-ui
import 'element-ui/lib/theme-chalk/index.css';
import element from './element/index';