JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.0.4/lib/index.js"></script>
<div id="app">
<el-steps :space="200" :active="1" finish-status="success">
  <el-step @click.native="on_click(1)" title="已完成"></el-step>
  <el-step @click.native="on_click(2)" title="进行中"></el-step>
  <el-step @click.native="on_click(3)" title="步骤 3"></el-step>
</el-steps>
{{step}}
</div>

SCSS

@import url("//unpkg.com/element-ui@2.0.4/lib/theme-chalk/index.css");
.el-step__head:hover {
  color: #67c23a;
  border-color: #67c23a;
}

Babel + JSX

new Vue({
	name: 'test',
  data () {
  	return {
    	step: 1
    }
  },
	methods: {
  	on_click(e){
    	this.step = e
    }
  }
}).$mount('#app')