526互联

vue3:关于我在项目中看到一个不存在的标签的故事

发布时间 2023-05-30 15:52:40作者: 沐阳歡

故事开头是这样的，项目收尾阶段，我去修改同事写的代码，写着写着，看到一个页面中根本不存在的标签，很是好奇，我就认真的看了起来

<div class="tabs_content" ref="tabsContent" v-if="showTabsContent">
      <TabsPage></TabsPage>
</div>

起始我以为，tabsPage是全局组件，可是我发现根本就跳不过去，页面当中没有引用，我就挨着看组件目录，发现还是没有，我就很疑惑了，我甚至怀疑它是插件，但是页面也没有引入插件，

这个方向也被排除了

我又开始怀疑是不是vue3新增的，进而去官网搜了一下，发现没有，疑惑性更强了

我突然想起components这个api，在想这个标签是不是跟它类似，因为同事是直接将组件赋值给了TabsPage

let TabsPage = EvaluatePage

所以我就大胆的猜想，这个只是一个虚拟的，根本就不存在的标签，这个语句是不是生效后页面就变成了，如下的代码：

<div class="tabs_content" ref="tabsContent" v-if="showTabsContent">
      <EvaluatePage></EvaluatePage>
</div>

所以我就尝试，将TabsPage乱写，比如写成afafs,代码如下：

<div class="tabs_content" ref="tabsContent" v-if="showTabsContent">
      <afafs></afafs>
</div>

发现功能还是能够正常的运行，这证实了我的猜想。

以此记录一下，有可能没那么多东西，不要想太复杂。