diff --git a/examples/routers/rate.vue b/examples/routers/rate.vue
index 8f2d6438..8bccc6ed 100644
--- a/examples/routers/rate.vue
+++ b/examples/routers/rate.vue
@@ -2,6 +2,8 @@
     <div>
         <Rate v-model="value"></Rate>
         <Rate allow-half v-model="valueHalf"></Rate>
+        <Rate allow-clear v-model="valueClear"></Rate>
+        <Rate allow-clear allow-half  v-model="valueClearHalf"></Rate>
         <!--<Rate show-text v-model="valueText"></Rate>-->
         <!--<Rate show-text allow-half v-model="valueCustomText">-->
             <!--<span style="color: #f5a623">{{ valueCustomText }}</span>-->
@@ -17,7 +19,9 @@
                 valueHalf: 2.5,
                 valueText: 3,
                 valueCustomText: 4.0,
-                valueDisabled: 2.4
+                valueDisabled: 2.4,
+                valueClear: 1,
+                valueClearHalf: 1.5,
             }
         }
     }