v-if和v-show看起来似乎差不多,当条件不成立时,其所对应的标签元素都不可见,但是这两个选项是有区别的:
1.v-if
在条件切换时,会对标签进行适当的创建和销毁,而v-show
则仅在初始化时加载一次,因此v-if
的开销相对来说会比v-show
大。
2.v-if
是惰性的,只有当条件为真时才会真正渲染标签;如果初始条件不为真,则v-if
不会去渲染标签。v-show
则无论初始条件是否成立,都会渲染标签,它仅仅做的只是简单的CSS切换。
v-if和v-show看起来似乎差不多,当条件不成立时,其所对应的标签元素都不可见,但是这两个选项是有区别的:
1.v-if
在条件切换时,会对标签进行适当的创建和销毁,而v-show
则仅在初始化时加载一次,因此v-if
的开销相对来说会比v-show
大。
2.v-if
是惰性的,只有当条件为真时才会真正渲染标签;如果初始条件不为真,则v-if
不会去渲染标签。v-show
则无论初始条件是否成立,都会渲染标签,它仅仅做的只是简单的CSS切换。
本文标题:Vue v-if和v-show的区别
本文链接:https://www.haomeiwen.com/subject/mfqrjqtx.html
网友评论