关于什么时候用 v-if 和 v-show 浅谈

了解Vue的朋友都知道,v-ifv-show 具有类似的功能,不过 v-if 才是真正的条件渲染,它会根据表达式适当地销毁或重建元素及绑定的事件或子组件。

若表达式初始值为 false,则一开始元素/组件并不会渲染,只有当条件第一次变为真时才开始编译。

而 v-show 只是简单的 css 属性切换,无论条件真与否,都会被编译。相比之下, v-if更适合条件不经常改变的场景,因为它切换开销相对较大,而 v-show 适用于频繁切换条件。

在这里插入图片描述
它会为元素添加一个行内样式:display:none;

另外呢 v-show是不能用在<template>上的。

猜你喜欢

转载自blog.csdn.net/weixin_43482353/article/details/108866043