?

?

當?v-if?與?v-for?一起使用時，v-for?具有比?v-if?更高的優先級，這意味著?v-if?將分別重復運行于每個?v-for?循環中

所以，不推薦v-if和v-for同時使用

使用推薦方式：

?

?

?

?

或者：放在計算屬性遍歷

?

?

?

?

?

當它們處于同一節點，v-for?的優先級比?v-if?更高，這意味著?v-if?將分別重復運行于每個?v-for?循環中。當你想為僅有的一些項渲染節點時，這種優先級的機制會十分有用，如下：

?

?

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

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

?

?

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。