vue中配置使用element-ui组件库

1、第一步:使用以下命令安装组件库依赖

npm install element-ui --save

2、第二步:在main.js文件中配置如下代码

vue中配置使用element-ui组件库_第1张图片

 

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

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

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

3、第三步:使用组件库,在App.js中使用组件中的按钮组件,代码如下

vue中配置使用element-ui组件库_第2张图片

 

vue中配置使用element-ui组件库_第3张图片

你可能感兴趣的:(vue)