Vue 回复组件提问

[Rrrrrr]

我有一个留言列表，每条评论（子评论）下面都有一个回复按钮，有一个简单的做法是，把这个回复的组件和列表项一起循环。现在的问题是怎么同时只显示 一个回复的组件。
我的想法是从接口拿到列表，为每个回复新增一个 showReply 的属性，控制当前组件显示，监听评论 id 的变化，然后点击其他地方的回复，去隐藏旧的，打开新的。还有没有其他的方法简单点

[shintendo]

父组件存一个 currentId，表示当前显示回复按钮的组件 id，初始为 null
在每个列表项里，v-show="id === currentId"

[Rrrrrr]

@shintendo 换成 v-if 也可以吧

[ZhangZisu]

既然有循环，还是用 inject/provide 或 vuex 记录显示的 ID 。或者用 event hub 每开一个新的让其他的关闭