Vue整合element-ui

1、初始化项目“element-ui-demo”
2、安装

cnpm i element-ui -S

3、引用
在src -> main.js中添加如下内容

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

4、测试
核心代码：

<template>
  <div class="hello">
   <el-button type="primary">主要按钮</el-button>
   <el-button type="info">信息按钮</el-button>
   <div class="slider">
    <el-slider v-model="value"></el-slider>
   </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      value: 80,
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .slider {
    width: 500px;
    margin:10px auto;
  }
</style>

5、源代码

https://gitee.com/superbutton/vue-study/tree/master/element-ui-demo