Vue使用Element-UI插件

Vue使用Elment-UI插件

• 下载组件库

  npm i element-ui -S
  

• 下载样式库

  npm install babel-plugin-component -D
  

• 修改babel.config.js文件

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

• 在main.js引用组件库

  import ElementUI from 'element-ui';
  Vue.use(ElementUI)
  

• 按需导入

  import { Button, Select } from 'element-ui';
  Vue.component(Button.name, Button);
  Vue.component(Select.name, Select);
  /* 或写为
   * Vue.use(Button)
   * Vue.use(Select)
   */