如何用Vue来做一个朋友圈2级评论的demo?

学习目标：

1、使用Vue更快捷的构建一个二级评论demo
2、掌握Vue的基本语法
3、理清思路，画出功能结构图

---

项目场景：

朋友圈、QQ空间、博客…，互动交流

---

最终的演示效果

源码放在Github仓库了: 点击我传你过去.
备注：我是用@vue/cli 4.5.4构建的工程，没有安装的请自行安装。下载源码到本地之后直接 终端打开解压后的路径，npm run serve 就可以运行起来了，效果如下。

如何实现，请继续往下看。

需求分析：（功能）

1. 输入想说的话，点击评论后，前端显示提交新增加的评论，清除输入框的值。
2. 点击一级评论对象后，当前我们的输入框聚焦，同时提示，回复：某人信息，输入之后，点击提交，可以形成一级评论下的子评论。
   3.点击子评论，可以形成兄弟之间的评论。