diff --git a/src/guide/index.md b/src/guide/index.md
index 628606cdfb..82c1be5338 100644
--- a/src/guide/index.md
+++ b/src/guide/index.md
@@ -296,6 +296,10 @@ Now we can pass the todo into each repeated component using `v-bind`:
 </div>
 ```
 ``` js
+Vue.component('todo-item', {
+  props: ['todo'],
+  template: '<li>{{ todo.text }}</li>'
+})
 var app7 = new Vue({
   el: '#app-7',
   data: {