Update Component.md(Original vuejs#1116,vuejs#1117) (vuejs#336)

chi-bd · re-fort · commit 037451fb16b9 · 2017-09-17T12:04:33.000+09:00
* Add v-bind example to components (vuejs#1116) * Add v-bind example to components * Tweak explanation of v-bind object syntax in guide * Update components.md (vuejs#1117) * Translate into Japanese * update timestamp
diff --git a/src/v2/guide/components.md b/src/v2/guide/components.md
@@ -1,6 +1,6 @@
 ---
 title: コンポーネント
-updated: 2017-09-08
+updated: 2017-09-16
 type: guide
 order: 11
 ---
@@ -327,6 +327,30 @@ new Vue({
 </script>
 {% endraw %}
 
+もしオブジェクト内のすべてのプロパティを props として渡したいのであれば、 `v-bind` を引数なしで使う（ `v-bind:プロパティ名` の代わりに `v-bind` ）ことができます。例えば、 `todo` オブジェクトを与えるには:
+
+``` js
+todo: {
+  text: 'Learn Vue',
+  isComplete: false
+}
+```
+
+そして:
+
+``` html
+<todo-item v-bind="todo"></todo-item>
+```
+
+これは以下と等価です:
+
+``` html
+<todo-item
+  v-bind:text="todo.text"
+  v-bind:is-complete="todo.isComplete"
+></todo-item>
+```
+
 ### リテラル vs 動的
 
 初心者にありがちな誤りは、リテラル構文を使用して数を渡そうとすることです:
