fix format for v-repeat range example

Author: yyx990803

source/guide/list.md

@@ -236,51 +236,30 @@ new Vue({
 
 <p class="tip">In ECMAScript 5 there is no way to detect when a new property is added to an Object, or when a property is deleted from an Object. To deal with that, observed objects will be augmented with two methods: `$add(key, value)` and `$delete(key)`. These methods can be used to add / delete properties from observed objects while triggering the desired View updates.</p>
 
-## Iterating Through An Object
+## Iterating Over a Range
 
-`v-repeat` can also take a whole Number. In this case it will repeat the template that many times.
+`v-repeat` can also take an integer Number. In this case it will repeat the template that many times.
 
 ``` html
 <div id="range">
-    <div v-repeat="val">Hi!</div>
+    <div v-repeat="val">Hi! {&#123;$index&#125;}</div>
 </div>
 ```
 
 ``` js
 new Vue({
-    el: '#range',
-    data: {val:3}
-});
-```
-**Result:**
-<ul id="range" class="demo"><li v-repeat="val">Hi!</li></ul>
-<script>
-new Vue({
-    el: '#range',
-    data: {val:3}
-});
-</script>
-
-The Number is converted into an Array with values starting from 0.
-
-``` html
-<div id="range">
-    <div v-repeat="val">{{$value}}</div>
-</div>
-```
-
-``` js
-new Vue({
-    el: '#range',
-    data: {val:3}
+  el: '#range',
+  data: {
+    val: 3
+  }
 });
 ```
 **Result:**
-<ul id="range" class="demo"><li v-repeat="val">{{$value}}</li></ul>
+<ul id="range" class="demo"><li v-repeat="val">Hi! {&#123;$index&#125;}</li></ul>
 <script>
 new Vue({
-    el: '#range',
-    data: {val:3}
+  el: '#range',
+  data: { val: 3 }
 });
 </script>