vue引入Element-ui

全局引入

1.用npm安装Element-ui

npm i element-ui -S

2.在src下的main.js中引入Element-ui

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

Vue.config.productionTip = false

Vue.use(ElementUI);     //全局注入element
new Vue({
  render: h => h(App),
}).$mount('#app')

3.在Helloword.vue中写入你想要的组件

<template>
  <div class="hello">
      <el-button type="success">成功按钮</el-button>
      <el-radio v-model="radio" label="1">备选项</el-radio>
  </div>
</template>

按需引入

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