From 1a37a0f52bdf85f3e9de1f92beeefd1dc0bc6a3a Mon Sep 17 00:00:00 2001 From: oohira Date: Sun, 3 Feb 2019 22:49:04 +0900 Subject: [PATCH] [Doc]: Updates render function tip with note about `h` #1425 * cherry-pick & translate vuejs/vuejs.org@882c21f --- src/v2/guide/render-function.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/v2/guide/render-function.md b/src/v2/guide/render-function.md index a22fd74ac..654045528 100644 --- a/src/v2/guide/render-function.md +++ b/src/v2/guide/render-function.md @@ -1,6 +1,6 @@ --- title: 描画関数とJSX -updated: 2019-01-20 +updated: 2019-02-03 type: guide order: 303 --- @@ -494,7 +494,7 @@ new Vue({ }) ``` -

`createElement` を `h` にエイリアスしていることは、 Vue のエコシステムの中でよく見かける慣習です。そして、それは実は JSX には必須です。もし `h` がそのスコープ内で利用可能でない場合、アプリケーションはエラーを throw するでしょう。

+

`createElement` を `h` にエイリアスしていることは、 Vue のエコシステムの中でよく見かける慣習です。そして、それは実は JSX には必須です。Vue の Babel プラグインの [バージョン 3.4.0](https://github.com/vuejs/babel-plugin-transform-vue-jsx#h-auto-injection) 以降では、ES2015 のシンタックスで宣言された JSX を含むメソッドや getter(関数やアロー関数は対象外)に対しては、自動的に `const h = this.$createElement` が注入されるため、`(h)` パラメーターは省略できます。それ以前のバージョンでは、もし `h` がそのスコープ内で利用可能でない場合、アプリケーションはエラーを throw するでしょう。

より詳しい JSX の JavaScript へのマップの仕方については、[usage ドキュメント](https://github.com/vuejs/jsx#installation) をご参照ください。