javascript - 如何使用 Vue.js 呈现线程注释？

Question

我有很多这样的评论：

[
 { id: 1, in_response_to: null, content: 'abc' },
 { id: 2, in_response_to: 1, content: 'def' },
 { id: 3, in_response_to: 1, content: 'ghi' },
 { id: 4, in_response_to: null, content: 'jkl' },
 { id: 5, in_response_to: 2, content: 'mno' },
]

我将如何使用这些数据呈现像结构一样的线程注释：

+ abc
    + def
        + mno
    + ghi
+ jkl

和<ul>也许<li>。

我不知道从哪里开始使用 Vue js。我可以用组件渲染一到两层，v-for但v-if我不知道数据中有多少层。我是否必须限制一次可以渲染多少级别，或者 Vue 是否有某种方法可以渲染任意级别的线程注释？

标签： javascriptvue.jsvuejs2