v-if与v-show的区别,v-for与v-if的优先级那个⾼?

v-if与v-show的区别

v-if和v-show都是控制元素的显示与隐藏,v-if是动态创建或销毁对应的dom元素,为false什么也不做,为true才开始创建和渲染,v-show是利用css的display:none和block来控制元素的显示与隐藏,v-if有较高的切换消耗,v-show有较高的初始化渲染消耗,在频繁切换显示与隐藏时,推荐使用v-show,反之,推荐使用v-if

v-for与v-if的优先级

v-for的优先级高,v-for在进行dom渲染时v-if还无法执行判断,如果要把v-for和v-if一起使用的话,可以在循环外层写一个div或者template标签进行包裹,里面写v-if进行判断

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容