全局引入

終端輸入

npm i element-ui -S

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

這是我的

在helloworld里面添加一個(gè)
<el-button>按鈕</el-button>可以明顯看到效果

按需引入

終端輸入

npm install babel-plugin-component -D

這里根據(jù)你的需要，比如我們這要用一個(gè)button控件，我引入的就是button

官網(wǎng)提示

這是我的

"plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]

運(yùn)行之后與全局引入有一樣的效果，但是可以幫助我們減少項(xiàng)目的大小
如果此時(shí)加上radio這個(gè)控件

對引入需要修改