记一次vue的显示隐藏组件的血泪史：v-if PK v-show

背景

事情是这样的，最近要修改一个页面，这个页面是别人的，我不想改的太多，其中有个要求是去掉一列显示，这个做法一般有两种，一种是直接在代码里把对应列完全删除，另一种是通过显示隐藏方式控制列显示，

直接删除代码

我一开始使用最粗暴直接的方式直接删除列代码，结果界面报了一堆错误，后来把代码复原才好，看来这条路不好走，换条路走

控制显示隐藏

我知道有v-show和v-if都能控制显示隐藏，但是之前其他组件用的时候没太注意，试了下v-show=‘false’没有生效，后来换成v-if=‘false’才生效

参考：

面试官：v-show和v-if有什么区别？使用场景分别是什么？ | web前端面试 - 面试官系列web前端面试,vue面试题,react面试题,js面试题,大厂面试题,阿里面试题,京东面试题https://vue3js.cn/interview/vue/show_if.html#%E4%B8%80%E3%80%81v-show%E4%B8%8Ev-if%E7%9A%84%E5%85%B1%E5%90%8C%E7%82%B9