diff --git a/packages/steps/src/step.vue b/packages/steps/src/step.vue
index be8d7631a..f3c3c9ec1 100644
--- a/packages/steps/src/step.vue
+++ b/packages/steps/src/step.vue
@@ -69,7 +69,7 @@ export default {
     };
   },
 
-  created() {
+  beforeCreate() {
     this.$parent.steps.push(this);
   },
 
diff --git a/packages/steps/src/steps.vue b/packages/steps/src/steps.vue
index ff2569d73..1797162fa 100644
--- a/packages/steps/src/steps.vue
+++ b/packages/steps/src/steps.vue
@@ -39,13 +39,13 @@ export default {
   watch: {
     active(newVal, oldVal) {
       this.$emit('change', newVal, oldVal);
-    }
-  },
+    },
 
-  mounted() {
-    this.steps.forEach((child, index) => {
-      child.index = index;
-    });
+    steps(steps) {
+      steps.forEach((child, index) => {
+        child.index = index;
+      });
+    }
   }
 };
 </script>