docs: Translate | Essentials > Conditional Rendering

[noliaki]

resolve #7

Vue2の文章とほぼ変わらなかったので、ほとんどVue2の文章を引用しています。

Vue2の翻訳からの変更点

↓の部分で テンプレート ではなく、<template>としています。
lang-ja...noliaki:translate-conditional_rendering#diff-05d26db877d00579eaa2b28cb102443fR18

Vue2のドキュメント: https://jp.vuejs.org/v2/guide/conditional.html#%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%81%A7%E3%81%AE-v-if-%E3%81%AB%E3%82%88%E3%82%8B%E6%9D%A1%E4%BB%B6%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97

疑問点

v-if with v-for の部分で、以下のドキュメントでは v-forはv-ifよりも優先度が高いとの旨が記載されていると思うのですが、

• https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for
• https://v3.vuejs.org/guide/list.html#v-for-with-v-if

以下のマイグレーションガイドだと、 v-ifは常にv-forよりも優先されるといった旨が記載されています。

• https://v3.vuejs.org/guide/migration/v-if-v-for.html#_3-x-syntax

これはリスト1つ1つに対してのことではなく、例えば以下のようなリスト全体を非表示にしたい場合に v-ifはv-forよりも先に評価され、リストそのものをレンダリングしない、という意味でしょうか？

<ul>
  <li v-if="false" v-for="item in items"></li>
</ul>

すみません、本来であればVue3のソースコードを追えば良いものの、追えきれずでして…

レビューお願いいたします🙇‍♂️

[netlify]

Deploy preview for vuejs-v3-ja-doc-preview ready!

Built with commit daa02e8

https://deploy-preview-86--vuejs-v3-ja-doc-preview.netlify.app

[kazupon]

レビュー 👀 しました。
翻訳はLGTMです！ 🙏

[kazupon]

疑問点

v-if with v-for の部分で、以下のドキュメントでは v-forはv-ifよりも優先度が高いとの旨が記載されていると思うのですが、

• https://v3.vuejs.org/guide/conditional.html#v-if-with-v-for
• https://v3.vuejs.org/guide/list.html#v-for-with-v-if

以下のマイグレーションガイドだと、 v-ifは常にv-forよりも優先されるといった旨が記載されています。

• https://v3.vuejs.org/guide/migration/v-if-v-for.html#_3-x-syntax

これはリスト1つ1つに対してのことではなく、例えば以下のようなリスト全体を非表示にしたい場合に v-ifはv-forよりも先に評価され、リストそのものをレンダリングしない、という意味でしょうか？

<ul>
  <li v-if="false" v-for="item in items"></li>
</ul>

すみません、本来であればVue3のソースコードを追えば良いものの、追えきれずでして…

レビューお願いいたします🙇‍♂️

そうですね。v-if は v-for より優先されます。
最近、 Evan 氏がさりげなく、ドキュメントを更新したようです。
vuejs/docs@8235a0d#diff-6530de18a3e51208729971dec82fcd03R1-R16

これ、本家の方、ドキュメント整合性取る必要がありますね。
ひとまず、確認してみます。

[kazupon]

issue 上がっていますね。
vuejs/docs#534

[kazupon]

結構、いろんなところにあるんですね... 影響範囲大きい 😅

[kazupon]

コアチームのドキュメントチームでも把握しているので、後で更新すと思うので、今は一旦現時点での内容にしておきたいと思います。

一旦マージしますね！
翻訳ありがとうございました！