Changed a recommendation for custom events name casing

vuejs/docs@2706494#diff-0ddfe84e020022e6d0eef551720a870386146a8703934cd0cc00a952e651e402

Author: naokie

src/guide/component-custom-events.md

@@ -4,32 +4,17 @@
 
 ## イベント名
 
-コンポーネントやプロパティとは違い、イベント名の大文字と小文字は自動的に変換されません。その代わりに、発行されるイベント名とイベントリスナ名は全く同じにする必要があります。
-
-```js
-this.$emit('my-event')
-```
-
-```html
-<my-component @my-event="doSomething"></my-component>
-```
-
-camelCase（キャメルケース）のイベント名を発行している場合:
+コンポーネントやプロパティと同じように、イベント名は大文字と小文字を自動的に変換します。子コンポーネントからキャメルケースでイベントを発行すると、親コンポーネントではケバブケースのリスナを追加できるようになります:
 
 ```js
 this.$emit('myEvent')
 ```
 
-kebab-case（ケバブケース）でリスナ名を作っても何も起こりません:
-
 ```html
-<!-- Won't work -->
 <my-component @my-event="doSomething"></my-component>
 ```
 
-イベント名は JavaScript 内で変数やプロパティ名として扱われることはないので、camelCase または PascalCase（パスカルケース）を使用する理由はありません。 さらに DOM テンプレート内の `v-on` イベントリスナは自動的に小文字に変換されます ( HTML が大文字と小文字を判別しないため)。このため `@myEvent` は `@myevent` になり `myEvent` にリスナが反応することができなくなります。
-
-こういった理由から **いつも kebab-case を使うこと** をお薦めします。
+[プロパティの形式](/guide/component-props.html#プロパティの形式-キャメルケース-vs-ケバブケース) と同じように、DOM 内テンプレートを使っている場合は、ケバブケースのイベントリスナを使うことをお勧めします。文字列テンプーとを使っている場合は、この制約は適用されません。
 
 ## カスタムイベントの定義