我有这个代码设置

<div v-for="person in persons">
    <div v-if="person.status == 'public'" :key="person.id">
        Hi,my name is {{person.name}}
    </div>
    <div v-else :key="person.id">
        This person is private
    </div>
</div>

person对象中status属性的所有值都是'public'，all！
但是在上面的代码片段中，不是要运行的if块，而是else块继续运行。
如果我像这样重写代码：

<div v-for="person in persons" :key="person.id">
    <div v-if="person.status == 'public'">
        Hi,my name is {{person.name}}
    </div>
    <div v-else>
        This person is private
    </div>
</div>

那么它就能正常工作。
第一个片段有什么问题？
看起来“key”属性在这方面有一定的作用。我用错了吗？为什么会影响输出？
在for循环中写if语句的最正确方法是什么？
我以前在代码中的其他循环中一直使用第一个方法，直到今天才出现问题。我是否需要更新所有这些方法，使其看起来像第二种方法，以避免像这样的奇怪行为？