?

?

當(dāng)?v-if?與?v-for?一起使用時(shí)，v-for?具有比?v-if?更高的優(yōu)先級(jí)，這意味著?v-if?將分別重復(fù)運(yùn)行于每個(gè)?v-for?循環(huán)中

所以，不推薦v-if和v-for同時(shí)使用

使用推薦方式：

?

?

?

?

或者：放在計(jì)算屬性遍歷

?

?

?

?

?

當(dāng)它們處于同一節(jié)點(diǎn)，v-for?的優(yōu)先級(jí)比?v-if?更高，這意味著?v-if?將分別重復(fù)運(yùn)行于每個(gè)?v-for?循環(huán)中。當(dāng)你想為僅有的一些項(xiàng)渲染節(jié)點(diǎn)時(shí)，這種優(yōu)先級(jí)的機(jī)制會(huì)十分有用，如下：

?

?

上面的代碼只傳遞了未完成的 todos。

而如果你的目的是有條件地跳過(guò)循環(huán)的執(zhí)行，那么可以將?v-if?置于外層元素 (或?<template>)上。如：

?

?

窗竹影搖書(shū)案上，野泉聲入硯池中。 少年辛苦終身事，莫向光陰惰寸功

總結(jié)

以上是生活随笔為你收集整理的工作245:vue的注意规范之v-if 与 v-for 一起使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。