Vue-cli 项目中使用 Element-UI 组件库

第一步 :在项目中安装 element-ui 组件

npm i element-ui -S

第二步:在main.js 中 引入 element-ui

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

第三步:在页面中使用


第四步:运行到浏览器中查看效果

image.png

提示:若组件想按需引入,参考https://element.eleme.cn/#/zh-CN/component/quickstart

你可能感兴趣的:(Vue-cli 项目中使用 Element-UI 组件库)