Vue和element-ui结合的简单使用

element-ui是一款由饿了么前端团队开发的vue框架组件，里面集成了很多样式组件和功能组件，是一个非常好的框架，下面是利用vue-cli创建一个前端项目，然后引入和配置element-ui的详细步骤。

vue一般大家都会想到与element-ui结合使用，方便我们在日常的工作中使用elment，节约时间，同时，用起来也是比较灵活的。下面我们来引用element-ui。

npm install element-ui -S

在package.json里检查安装情况

main.js里面引入element-ui 并通过Vue使用

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

组件内部

<template>
  <div id="app">
        <el-button type="primary" @click='clickBtn'>主要按钮</el-button>
  </div>
</template>

更多请参照
https://element.eleme.cn/#/zh-CN/component/i18n