Vue整合Element-UI

安装Element-UI

Element-UI官方中文网

1 安装命令

• 在项目中打开终端，执行下面命令：

$ cnpm i element-ui -S

• CDN

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

• 官方教程

2 引入

在项目的src/mian.js中引用element-ui：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 引入Element-UI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false
Vue.use(ElementUI);

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

3 使用

上述配置完成就可以使用Element-UI了，直接在组件中使用EL标签即可。