[Doc]: Update docs to avoid misconceptions around emitting events #1423 (#1445)

* cherry-pick & translate vuejs/v2.vuejs.org@d58df8c

Author: oohira

src/v2/guide/components.md

@@ -1,6 +1,6 @@
 ---
 title: コンポーネントの基本
-updated: 2018-04-15
+updated: 2019-02-01
 type: guide
 order: 11
 ---
@@ -269,7 +269,7 @@ Vue.component('blog-post', {
 
 これで、新しいプロパティが `post` オブジェクトに追加される際にはいつでも、`<blog-post>` 内で自動的に利用可能になるのです。
 
-## イベントとメッセージを親コンポーネントに送出する
+## 子コンポーネントのイベントを購読する
 
 `<blog-post>` コンポーネントを開発する際、親コンポーネントとやり取りする機能が必要になるかもしれません。例えば、ブログの投稿のテキストを拡大するためのアクセシビリティ機能を追加し、他のページのデフォルトのサイズにすることができます。
 
@@ -324,15 +324,7 @@ Vue.component('blog-post', {
 </button>
 ```
 
-ボタンをクリックすると、すべての投稿のテキストを拡大する必要があることを親コンポーネントに伝える必要があります。幸いにも、Vue インスタンスはこの問題を解決するカスタムイベントシステムを提供しています。親コンポーネントにイベントを送出するには、ビルトインの[**`$emit`** メソッド](../api/#インスタンスメソッド-イベント)を呼び出して、イベントの名前を渡します:
-
-```html
-<button v-on:click="$emit('enlarge-text')">
-  Enlarge text
-</button>
-```
-
-その後、ブログ投稿コンポーネントでは、ネイティブの DOM イベントと同じように、このイベントを `v-on` でリッスンすることができます:
+ボタンをクリックすると、すべての投稿のテキストを拡大する必要があることを親コンポーネントに伝える必要があります。幸いにも、Vue インスタンスはこの問題を解決するカスタムイベントシステムを提供しています。親コンポーネントは、ネイティブの DOM イベントと同じように、`v-on` を使って子コンポーネントで起きた任意のイベントを購読することができます:
 
 ```html
 <blog-post
@@ -341,6 +333,16 @@ Vue.component('blog-post', {
 ></blog-post>
 ```
 
+そして、子コンポーネントでは、ビルトインの [**`$emit`** メソッド](../api/#インスタンスメソッド-イベント) にイベントの名前を渡して呼び出すことで、イベントを送出することができます:
+
+```html
+<button v-on:click="$emit('enlarge-text')">
+  Enlarge text
+</button>
+```
+
+親コンポーネントは、`v-on:enlarge-text="postFontSize += 0.1"` リスナのおかげで、このイベントを受け取って `postFontSize` の値を更新することができます。
+
 {% raw %}
 <div id="blog-posts-events-demo" class="demo">
   <div :style="{ fontSize: postFontSize + 'em' }">

themes/vue/source/js/common.js

@@ -46,9 +46,9 @@
       'Replacing-Merging-with-Existing-Attributes':
         '/v2/guide/components-props.html#Replacing-Merging-with-Existing-Attributes',
       'Custom-Events':
-        '/v2/guide/components.html#Sending-Messages-to-Parents-with-Events',
+        '/v2/guide/components.html#Listening-to-Child-Components-Events',
       'Using-v-on-with-Custom-Events':
-        '/v2/guide/components.html#Sending-Messages-to-Parents-with-Events',
+        '/v2/guide/components.html#Listening-to-Child-Components-Events',
       'Binding-Native-Events-to-Components':
         '/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components',
       'sync-Modifier':