Vue学习记录（七）--------安装使用Element-ui

//1、安装依赖
npm i element-ui -S

//2、导入项目
//在main.js中引入element
//main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.config.productionTip = false

Vue.use(ElementUI)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

//3、检测element-ui是否安装成功
//在HelloWord.vue的文件中添加Element的按钮，进行测试
<el-button type="primary">引入Element成功</el-button>
//运行vue项目，npm run dev,然后在浏览器中访问localhost:8080
//,即可看到，我们的Element引入成功。