在Vue中，这两种更新数据的方式是否会导致性能差异？

Question

问题 1
假设我需要渲染一个显示用户名的组件，我通过一个一个用户名数组来循环渲染他，假设他的量级大约是渲染50次。每当我按下刷新按钮的时候呢，就从后台拿到列表进行循环渲染。

以下的数据请求响应时间假设为3秒左右

1. 方式一 按下刷新按钮 > 进行初始化：让本地的用户名列表为空数组 > 发起并拿到结果 重新设置本地的用户名数组
2. 方式二 按下刷新按钮 > 让所有用户名组件v-show = false > 发起并拿到结果 重新设置本地数据 > 让用户名组件v-show = true

ps:我需要他暂时性隐藏的原因是需要让一个Loading动画暂时替代他。

问题2

对于这种问题，如果我想要来测试到底那个快，在不阅读源码的情况下，应该如何快速的进行测试？特别是在有网络这个不稳定因素的情况下

Answer 1

自己用摧毁钩子测试了一下确实是方式2快，特别是在前后两次列表的长度相同的情况下，所有组件都能得到复用。如果两次数量不同，那么他们的差就会被摧毁，其余的都能复用