为项目安装前端框架element-ui

安装

image.png
image.png

image.png

使用

image.png
在main.js里面加入如下代码,引入ElementUI:

  1. //1.引入element-ui
  2. import ElementUI from 'element-ui'
  3. //2.引入element-ui的主题
  4. import 'element-ui/lib/theme-chalk/index.css'
  5. import Vue from 'vue'
  6. import App from './App.vue'
  7. import router from './router'
  8. import store from './store'
  9. import './registerServiceWorker'
  10. //3.让Vue使用ElementUI起来
  11. Vue.use(ElementUI)
  12. Vue.config.productionTip = false

然后根据官网的组件提示使用:

  1. <el-button type="primary">主要按钮</el-button>