From d1a38f55c37c3bb50127976324eb8283646e355f Mon Sep 17 00:00:00 2001 From: Naoki Endoh Date: Sat, 24 Apr 2021 18:43:49 +0900 Subject: [PATCH 1/4] Fixed v-for/v-if priority and explanations https://github.com/vuejs/docs-next/commit/7cb38f933b0ff62e1d0568664d16161609c7cd8d#diff-d0e8e808e606120dd5e2584821a777b440131b6e2e14001f5b6443f41a8b6c16 --- src/guide/list.md | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/src/guide/list.md b/src/guide/list.md index 7cf27401..73aa05ca 100644 --- a/src/guide/list.md +++ b/src/guide/list.md @@ -238,25 +238,24 @@ methods: { `v-if` と `v-for` を同時に利用することは**推奨されません**。 詳細については [スタイルガイド](../style-guide/#avoid-v-if-with-v-for-essential) を参照ください。 ::: -それらが同じノードに存在するとき、 `v-for` は `v-if` よりも高い優先度を持ちます。これは `v-if` がループの各繰り返しで実行されることを意味します。以下のように、これはいくつかの項目のみのノードを描画する場合に便利です。 +それらが同じノードに存在するとき、 `v-if` は `v-for` よりも高い優先度を持ちます。つまり `v-if` の条件は、 `v-for` のスコープの変数にはアクセスできないということです: ```html + +
  • {{ todo }}
  • ``` -上記は、完了していない項目だけを描画します。 - -代わりに、ループの実行を条件付きでスキップすることを目的にしている場合は、ラッパー要素 (または [`