diff --git a/build/webpack.dev.config.js b/build/webpack.dev.config.js
index ff61ffe..6c44211 100644
--- a/build/webpack.dev.config.js
+++ b/build/webpack.dev.config.js
@@ -4,7 +4,7 @@
 
 var path = require('path');
 var webpack = require('webpack');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
+// var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
diff --git a/package.json b/package.json
index 19f661e..23aa868 100644
--- a/package.json
+++ b/package.json
@@ -76,6 +76,7 @@
     "vue-loader": "^11.0.0",
     "vue-router": "^2.2.1",
     "vue-style-loader": "^1.0.0",
+    "vue-template-compiler": "^2.2.1",
     "webpack": "^2.2.1",
     "webpack-dev-server": "^2.4.1"
   }
diff --git a/src/components/steps/step.vue b/src/components/steps/step.vue
index 7a211fc..9991722 100644
--- a/src/components/steps/step.vue
+++ b/src/components/steps/step.vue
@@ -21,11 +21,11 @@
 
     export default {
         props: {
-            status: {
-                validator (value) {
-                    return oneOf(value, ['wait', 'process', 'finish', 'error']);
-                }
-            },
+            // status: {
+            //     validator (value) {
+            //         return oneOf(value, ['wait', 'process', 'finish', 'error']);
+            //     }
+            // },
             title: {
                 type: String,
                 default: ''
@@ -42,7 +42,8 @@
                 prefixCls: prefixCls,
                 stepNumber: '',
                 nextError: false,
-                total: 1
+                total: 1,
+                status: ''
             };
         },
         computed: {
diff --git a/src/components/steps/steps.vue b/src/components/steps/steps.vue
index 53a0440..906c2fd 100644
--- a/src/components/steps/steps.vue
+++ b/src/components/steps/steps.vue
@@ -43,7 +43,7 @@
                 ];
             }
         },
-        ready () {
+        mounted () {
             this.updateChildProps(true);
             this.setNextError();
             this.updateCurrent(true);
diff --git a/src/index.js b/src/index.js
index 7f06249..e4e0ef4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -31,7 +31,7 @@ import Radio from './components/radio';
 // import Rate from './components/rate';
 // import Slider from './components/slider';
 // import Spin from './components/spin';
-// import Steps from './components/steps';
+import Steps from './components/steps';
 // import Switch from './components/switch';
 // import Table from './components/table';
 // import Tabs from './components/tabs';
@@ -96,8 +96,8 @@ const iview = {
     // iSelect: Select,
     // Slider,
     // Spin,
-    // Step: Steps.Step,
-    // Steps,
+    Step: Steps.Step,
+    Steps,
     // Switch,
     // iTable: Table,
     // Tabs: Tabs,
diff --git a/test/app.vue b/test/app.vue
index 60c82c3..8f20712 100644
--- a/test/app.vue
+++ b/test/app.vue
@@ -2,26 +2,15 @@
     @import "../src/styles/index.less";
 </style>
 <style scoped>
-nav {
-    margin-bottom: 40px;
-}
-
-li {
-    display: inline-block;
-}
-
-li + li {
-    border-left: solid 1px #bbb;
-    padding-left: 5px;
-    margin-left: 5px;
-}
-
-.v-link-active {
-    color: #bbb;
-}
+nav { margin-bottom: 40px; }
+ul { display: flex; flex-wrap: wrap; }
+li { display: inline-block; }
+li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
+.container{ padding: 10px 40px; }
+.v-link-active { color: #bbb; }
 </style>
 <template>
-    <div>
+    <div class="container">
         <nav>
             <ul>
                 <li><router-link to="/affix">Affix</router-link></li>
@@ -30,6 +19,7 @@ li + li {
                 <li><router-link to="/input">Input</router-link></li>
                 <li><router-link to="/radio">Radio</router-link></li>
                 <li><router-link to="/checkbox">Checkbox</router-link></li>
+                <li><router-link to="/steps">Steps</router-link></li>
             </ul>
         </nav>
         <router-view></router-view>
diff --git a/test/main.js b/test/main.js
index 9500e84..57ec7a9 100644
--- a/test/main.js
+++ b/test/main.js
@@ -40,6 +40,10 @@ const router = new VueRouter({
         {
             path: '/checkbox',
             component: require('./routers/checkbox.vue')
+        },
+        {
+          path: '/steps',
+          component: require('./routers/steps.vue')
         }
     ]
 });
diff --git a/test/routers/step.vue b/test/routers/step.vue
deleted file mode 100644
index 21cc00d..0000000
--- a/test/routers/step.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<style>
-
-</style>
-<template>
-    <Steps :current="1" size="small">
-        <Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
-        <Step title="进行中" content="这里是该步骤的描述信息"></Step>
-        <Step title="待进行" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
-        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
-    </Steps>
-    <br>
-    <Steps :current="2">
-        <Step title="已完成"></Step>
-        <Step title="进行中"></Step>
-        <Step title="待进行"></Step>
-        <Step title="待进行"></Step>
-    </Steps>
-    <br>
-    <Steps :current="1" size="small">
-        <Step title="已完成"></Step>
-        <Step title="进行中"></Step>
-        <Step title="待进行"></Step>
-        <Step title="待进行"></Step>
-    </Steps>
-    <br>
-    <Steps :current="1" direction="vertical" size="small">
-        <Step title="注册" icon="person-add"></Step>
-        <Step title="上传头像" icon="camera" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
-        <Step title="验证邮箱" icon="email"></Step>
-    </Steps>
-    <Steps :current="1" direction="vertical">
-        <Step title="注册" icon="person-add"></Step>
-        <Step title="上传头像" icon="camera" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
-        <Step title="验证邮箱" icon="email"></Step>
-    </Steps>
-    <br>
-    <p>当前正在进行第 {{ current + 1 }} 步</p>
-    <Steps :current="current">
-        <Step title="步骤1"></Step>
-        <Step title="步骤2"></Step>
-        <Step title="步骤3"></Step>
-        <Step title="步骤4"></Step>
-    </Steps>
-    <i-button type="primary" @click="next">下一步</i-button>
-    <br><br>
-    <Steps :current="1" direction="vertical" size="small">
-        <Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
-        <Step title="进行中" content="这里是该步骤的描述信息"></Step>
-        <Step title="待进行" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
-        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
-    </Steps>
-    <br><br>
-    <Steps :current="1" status="error">
-        <Step title="已完成" content="这里是该步骤的描述信息"></Step>
-        <Step title="进行中" content="这里是该步骤的描述信息"></Step>
-        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
-        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
-    </Steps>
-</template>
-<script>
-    import { Page, Steps, iButton } from 'iview';
-
-    const Step = Steps.Step;
-
-    export default {
-        components: {
-            Page,
-            Steps,
-            Step,
-            iButton
-        },
-        props: {
-
-        },
-        data () {
-            return {
-                total: 512,
-                current: 0
-            }
-        },
-        computed: {
-
-        },
-        methods: {
-            setPage (page) {
-                console.log(page)
-            },
-            next () {
-                if (this.current == 3) {
-                    this.current = 0;
-                } else {
-                    this.current += 1;
-                }
-            }
-        }
-    }
-</script>
diff --git a/test/routers/steps.vue b/test/routers/steps.vue
new file mode 100644
index 0000000..f18a042
--- /dev/null
+++ b/test/routers/steps.vue
@@ -0,0 +1,93 @@
+<template>
+<div>
+    <Steps :current="1" size="small">
+        <Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
+        <Step title="进行中" content="这里是该步骤的描述信息"></Step>
+        <Step title="待进行" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
+        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
+    </Steps>
+    <br>
+    <Steps :current="2">
+        <Step title="已完成"></Step>
+        <Step title="进行中"></Step>
+        <Step title="待进行"></Step>
+        <Step title="待进行"></Step>
+    </Steps>
+    <br>
+    <Steps :current="1" size="small">
+        <Step title="已完成"></Step>
+        <Step title="进行中"></Step>
+        <Step title="待进行"></Step>
+        <Step title="待进行"></Step>
+    </Steps>
+    <br>
+    <Steps :current="1" direction="vertical" size="small">
+        <Step title="注册" icon="person-add"></Step>
+        <Step title="上传头像" icon="camera" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
+        <Step title="验证邮箱" icon="email"></Step>
+    </Steps>
+    <Steps :current="1" direction="vertical">
+        <Step title="注册" icon="person-add"></Step>
+        <Step title="上传头像" icon="camera" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
+        <Step title="验证邮箱" icon="email"></Step>
+    </Steps>
+    <br>
+    <p>当前正在进行第 {{ current + 1 }} 步</p>
+    <Steps :current="current">
+        <Step title="步骤1"></Step>
+        <Step title="步骤2"></Step>
+        <Step title="步骤3"></Step>
+        <Step title="步骤4"></Step>
+    </Steps>
+    <br>
+    <Button type="primary" @click.native="next">下一步</Button>
+    <br><br><br>
+    <Steps :current="1" direction="vertical" size="small">
+        <Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
+        <Step title="进行中" content="这里是该步骤的描述信息"></Step>
+        <Step title="待进行" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
+        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
+    </Steps>
+    <br><br>
+    <Steps :current="1" status="error">
+        <Step title="已完成" content="这里是该步骤的描述信息"></Step>
+        <Step title="进行中" content="这里是该步骤的描述信息"></Step>
+        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
+        <Step title="待进行" content="这里是该步骤的描述信息"></Step>
+    </Steps>
+</div>
+</template>
+<script>
+    import { Steps, Button } from 'iview';
+
+    const Step = Steps.Step;
+
+    export default {
+        components: {
+            Steps,
+            Step,
+            Button
+        },
+        props: {
+
+        },
+        data () {
+            return {
+                total: 512,
+                current: 0
+            }
+        },
+        computed: {
+
+        },
+        methods: {
+            next () {
+                if (this.current == 3) {
+                    this.current = 0;
+                } else {
+                    this.current += 1;
+                }
+            }
+        }
+    }
+</script>
--
libgit2 0.21.4