Vueschool links (#1948)

* Add english doc first * Update translate * Update translate
vuejs · Dec 4, 2019 · 1300617 · 1300617
1 parent 7b1b98a
commit 1300617
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 0 deletions.
diff --git a/src/v2/guide/components-custom-events.md b/src/v2/guide/components-custom-events.md
@@ -7,6 +7,8 @@ order: 103
 
 > このページは [コンポーネントの基本](components.html) を読まれていることが前提になっています。コンポーネントを扱った事のない場合はこちらのページを先に読んでください。
 
+<div class="vueschool"><a href="https://vueschool.io/lessons/communication-between-components?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how to work with custom events on Vue School">カスタムイベント操作を Vue School の無料レッスンで学ぶ</a></div>
+
 ## イベント名
 
 コンポーネントやプロパティとは違い、イベント名の大文字と小文字は自動的に変換されません。その代わり発火されるイベント名とイベントリスナ名は全く同じにする必要があります。例えばキャメルケース(camelCase)のイベント名でイベントを発火した場合:

diff --git a/src/v2/guide/components-props.md b/src/v2/guide/components-props.md
@@ -7,6 +7,8 @@ order: 102
 
 > このページは、[コンポーネントの基本](components.html)を読んでいることを前提としています。はじめてコンポーネントについて読む場合は、まずはそちらをお読みください。
 
+<div class="vueschool"><a href="https://vueschool.io/lessons/reusable-components-with-props?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how component props work with Vue School">コンポーネントの props がどのように機能するか Vue School の無料レッスンで学ぶ</a></div>
+
 ## プロパティの形式 (キャメルケース vs ケバブケース)
 
 HTML の属性名は大文字小文字を区別せず、ブラウザは全ての大文字を小文字として解釈します。つまりは、 DOM(HTML) のテンプレート内においては、キャメルケースのプロパティはケバブケース(ハイフンで区切ったもの)を使用する必要があります。

diff --git a/src/v2/guide/computed.md b/src/v2/guide/computed.md
@@ -7,6 +7,8 @@ order: 5
 
 ## 算出プロパティ
 
+<div class="vueschool"><a href="https://vueschool.io/lessons/vuejs-computed-properties?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how computed properties work with Vue School">算出プロパティがどのように機能するのか Vue School の無料レッスンで学ぶ</a></div>
+
 テンプレート内に式を書けるのはとても便利ですが、非常に簡単な操作しかできません。テンプレート内に多くのロジックを詰め込むと、コードが肥大化し、メンテナンスが難しくなります。例えば:
 
 ``` html

diff --git a/src/v2/guide/conditional.md b/src/v2/guide/conditional.md
@@ -5,6 +5,8 @@ type: guide
 order: 7
 ---
 
+<div class="vueschool"><a href="https://vueschool.io/lessons/vuejs-conditionals?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how conditional rendering works with Vue School">条件付きレンダリングがどのように機能するか Vue School の無料レッスンで学ぶ</a></div>
+
 ## `v-if`
 
 `v-if` ディレクティブは、ブロックを条件に応じて描画したい場合に使用されます。ブロックは、ディレクティブの式が真を返す場合のみ描画されます。

diff --git a/src/v2/guide/events.md b/src/v2/guide/events.md
@@ -5,6 +5,8 @@ type: guide
 order: 9
 ---
 
+<div class="vueschool"><a href="https://vueschool.io/lessons/vuejs-user-events?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how to handle events on Vue School">イベントハンドリングする方法を Vue School の無料レッスンで学ぶ</a></div>
+
 ## イベントの購読
 
 `v-on` ディレクティブを使うことで、DOM イベントの購読、イベント発火時の JavaScript の実行が可能になります。

diff --git a/src/v2/guide/list.md b/src/v2/guide/list.md
@@ -5,6 +5,8 @@ type: guide
 order: 8
 ---
 
+<div class="vueschool"><a href="https://vueschool.io/lessons/vuejs-loops?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how to render lists on Vue School">リストレンダリングする方法を Vue School の無料レッスンで学ぶ</a></div>
+
 ## `v-for` で配列に要素をマッピングする
 
 配列に基づいて、アイテムのリストを描画するために、`v-for` ディレクティブを使用することができます。`v-for` ディレクティブは `item in items` の形式で特別な構文を要求し、`items` はソースデータの配列で、`item` は配列要素がその上で反復されている**エイリアス**です: