.v-if与v-show有什么区别?

共同点:v-if 和 v-show 都能实现元素的显示隐藏

区别:

  1. v-show 只是简单的控制元素的 display 属性,而 v-if 才是条件渲染(条件为真,元素将会被渲染,条件为假,元素会被销毁);

  2. v-show 有更高的首次渲染开销,而 v-if 的首次渲染开销要小的多;

  3. v-if 有更高的切换开销,v-show 切换开销小;

  4. v-if 有配套的 v-else-if 和 v-else,而 v-show 没有

  5. v-if 可以搭配 template 使用,而 v-show 不行

猜你喜欢

转载自blog.csdn.net/qq_42526440/article/details/115017232