demo如下：
image.png
同級渲染時(shí)，函數(shù)如下
image.png
先循環(huán)再渲染袱巨，也就是說v-for的優(yōu)先級高于v-if 阁谆，這意味著v-if將分別運(yùn)行于每個(gè)v-for中 造成了重復(fù)浪費(fèi)。
當(dāng)你想為僅有的一些項(xiàng)渲染節(jié)點(diǎn)時(shí)愉老，這種優(yōu)先級的機(jī)制會(huì)十分有用场绿，如下：
image.png
兩者不同級時(shí)：
image.png
1、顯然v-for優(yōu)先于v-if被解析）
2嫉入、如果同時(shí)出現(xiàn)焰盗，每次渲染都會(huì)先執(zhí)行循環(huán)再判斷條件，無論如何循環(huán)都不可避免咒林，浪費(fèi)了性能
3熬拒、要避免出現(xiàn)這種情況，則在外層嵌套template垫竞，在這一層進(jìn)行v-if判斷澎粟，然后在內(nèi)部進(jìn)行v-for循環(huán)
4蛀序、如果條件出現(xiàn)在循環(huán)內(nèi)部，可通過計(jì)算屬性提前過濾掉那些不需要顯示的項(xiàng)
