v-if与v-show的区别

1.v-if通过创建或删除DOM节点来实现元素的显示隐藏，

2.v-show通过css中的display属性来控制
3、v-if更适合数据的筛选和初始渲染 v-show更适合元素的切换

在项⽬中我会经常使⽤v-if和v-show,⽐如我们在搜索功能的时候,他有⼀个历史记录,这个时候我们根据是否有搜索的结果来判断历史记录的显示与隐藏,这块我就可以使⽤v-if ,当然⽤v-show也可以.

v-for与v-if的优先级那个⾼

v-for的优先级⾼. 因为v-for的时候我们才开始渲染dom元素,这个v-if还⽆法进⾏判断

如果同时使⽤v-for和v-if怎么解决

v-for和v-if不能同时使⽤,我们可以通过标签,⽐如div或者template标签来进⾏包裹,把v-if写到包裹的标签上⾯(写到v-for外⾯)

---