uniapp 条件渲染 v-if 和 v-show 的区别

在 uniapp 中，v-if 和 v-show 都能实现元素的隐藏和显示。

两种方式的区别是什么呢？

两者实现的方式是不同的，因此也导致了一些其他的差别。

v-if 的实现方式在在页面中插入、删除元素。v-show 的方式是使用 CSS 属性 display。

v-if 的开销比较大，v-show比较小。

如果，直接操作元素，千万注意，如果使用的是 v-if ，有可能在操作元素的时候，元素并不存在！幸好在 uniapp 中，很少需要直接操作页面元素。