Update components.md (#763)

* Update components.md

* Update date

Author: amedora

src/v2/guide/components.md

@@ -1,6 +1,6 @@
 ---
 title: コンポーネント
-updated: 2017-12-03
+updated: 2018-03-09
 type: guide
 order: 11
 ---
@@ -292,13 +292,22 @@ Vue.component('child', {
 式に通常の属性をバインディングするのと同様に、 `v-bind` を使用して親のデータにプロパティを動的にバインディングすることもできます。親でデータが更新される度に、そのデータが子に流れ落ちます:
 
 ``` html
-<div>
+<div id="prop-example-2">
   <input v-model="parentMsg">
   <br>
   <child v-bind:my-message="parentMsg"></child>
 </div>
 ```
 
+``` js
+new Vue({
+  el: '#prop-example-2',
+  data: {
+    parentMsg: 'Message from parent'
+  }
+})
+```
+
 `v-bind` のための省略記法を使用するとよりシンプルです:
 
 ``` html
@@ -322,7 +331,7 @@ new Vue({
   components: {
     child: {
       props: ['myMessage'],
-      template: '<span>{{myMessage}}</span>'
+      template: '<span>{{ myMessage }}</span>'
     }
   }
 })