Skip to content

Commit e448be8

Browse files
potato4dkazupon
authored andcommitted
Lint エラーを修正し、適宜使用ワードを再選定 (#419)
1 parent ef1d696 commit e448be8

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/v2/style-guide/index.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -47,9 +47,9 @@ Some features of Vue exist to accommodate rare edge cases or smoother migrations
4747

4848
### 複数単語コンポーネント名 <sup data-p="a">必須</sup>
4949

50-
**ルートの `App` コンポーネントを除き、コンポーネント名は常に複数単語であるべきです**
50+
**ルートの `App` コンポーネントを除き、コンポーネント名は常に複数単語とするべきです**
5151

52-
これは、全ての HTML 要素は 1 単語であるというこれまでの経緯から、既に存在する、そして将来定義される HTML 要素との[衝突を防止します](http://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name)
52+
これは、全ての HTML 要素は 1 単語となっているというこれまでの経緯から、既に存在する、そして将来定義される HTML 要素との[衝突を防止します](http://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name)
5353

5454
{% raw %}<div class="style-example example-bad">{% endraw %}
5555
#### 悪い例
@@ -183,9 +183,9 @@ new Vue({
183183

184184
### プロパティの定義 <sup data-p="a">必須</sup>
185185

186-
**プロパティの定義はできる限り詳細であるべきです**
186+
**プロパティの定義はできる限り詳細とするべきです**
187187

188-
コミットされたコード内で、プロパティの定義は常に少なくとも1つのタイプを指定し、できる限り詳細であるべきです
188+
コミットされたコード内で、プロパティの定義は常に少なくとも1つのタイプを指定し、できる限り詳細とするべきです
189189

190190
{% raw %}
191191
<details>
@@ -242,9 +242,9 @@ props: {
242242

243243
### キー付き `v-for` <sup data-p="a">必須</sup>
244244

245-
**常に `v-for` では `key` を使用してください.**
245+
**常に `v-for` に対しては `key` を使用してください**
246246

247-
サブツリー下に内部コンポーネントの状態を維持するために `v-for``key`_常に_ コンポーネントに必要です。しかし要素であっても、 アニメーションにおける [オブジェクトの一貫性](https://bost.ocks.org/mike/constancy/) のような予測可能な振る舞いを維持するための良い手法です
247+
サブツリー下に内部コンポーネントの状態を維持するために `v-for``key`_常に_ コンポーネントに必要です。それが要素の場合においても、 アニメーションにおける [オブジェクトの一貫性](https://bost.ocks.org/mike/constancy/) のような予測可能な振る舞いを維持するためには良い手法でしょう
248248

249249
{% raw %}
250250
<details>
@@ -274,7 +274,7 @@ data: function () {
274274

275275
アルファベット順に並べ替えます。 DOM を更新する時、 Vue はできる限りコストをかけずに DOM 変化を実行するために描画を最適化します。それは、最初の todo 要素を削除してから、それを再びリストの最後に加えることを意味します。
276276

277-
問題は、 DOM に残る要素を削除しないことが重要な場合があることです。例えば、リストの並び替えに `<transition-group>` を使いたいかもしれないですし、描画された要素が `<input>` であればフォーカスを維持したいかもしれません。このような場合には、各アイテムに対して一意のキー (つまり `:key="todo.id"` ) を与えることによって、 Vue により予測可能な振る舞いを伝えることができます。
277+
問題は、 DOM に残る要素を削除しないことが重要な場合があることです。例えば、リストの並び替えに `<transition-group>` を使いたいかもしれないですし、描画された要素が `<input>` の場合は、フォーカスを維持したいかもしれません。このような場合には、各アイテムに対して一意のキー (つまり `:key="todo.id"` ) を与えることによって、 Vue により予測可能な振る舞いを伝えることができます。
278278

279279
私たちの経験では、 _常に_ 一意のキーを与える方が良いので、あなたやあなたのチームはこれらのエッジケースについて心配する必要はありません。稀に、オブジェクトの一貫性が必要とされないパフォーマンスが重要なシナリオにおいては、意識的に例外を作ることはできます。
280280

@@ -856,7 +856,7 @@ components/
856856
自己終了形式のコンポーネントは、単に中身を持たないというだけでなく、中身を持たないことを **意図したものだ** ということをはっきりと表現します。本の中にある白紙のページと、「このページは意図的に白紙のままにしています」と書かれたページとは違うということです。また、不要な閉じタグがなくなることによってあなたのコードはより読みやすくなります。
857857

858858

859-
残念ながら、HTML はカスタム要素の自己終了形式を許していません。[公式の「空」要素](https://www.w3.org/TR/html/syntax.html#void-elements) だけです。これが、Vue のテンプレートコンパイラが DOM よりも先にテンプレートにアクセスして、その後 DOM の仕様に準拠した HTML を出力することができる場合にだけこの方策を使うことができる理由です。
859+
残念ながら、HTML はカスタム要素の自己終了形式を許していません。[公式の「空」要素](https://www.w3.org/TR/html/syntax.html#void-elements) だけです。これが、Vue のテンプレートコンパイラが DOM よりも先にテンプレートにアクセスして、その後 DOM の仕様に準拠した HTML を出力することができる場合にだけこの方策を使うことができる理由です。
860860

861861

862862
{% raw %}<div class="style-example example-bad">{% endraw %}

0 commit comments

Comments
 (0)