Vue-cli从零开始实现文章评论回复功能

今天在做毕设的时候涉及到一个文章评论回复功能，自己也是满脑子问号？？？网上搜了搜也没有找到近些年的相关话题...可能是太菜了吧orz  
话不多说下面开始！
首先进行功能分析，除去简单的布局以外，要实现的功能分别是，**评论** 和 **回复** ，评论拿出来讲没什么意义，
主要是负责将数据放入数组，再循环出来就ok，下面也会稍微讲讲一笔带过，回复的功能听起来比较复杂，简单分析一下：
1.点击别人的评论内容会时 自己的文本输入框要进行相应的变化 如提示 回复xxx
2.回复的内容 应处于评论者的下方
3.也算是做到最后发现临时补充的问题，设计一个取消回复的按钮 原因会在下面说明

首先我们的页面布局暂时掠过，下面会贴代码

首先我们先开始意淫数据，一篇文章 除去标题 文本内容 还可以添加一些阅读量，时间之类的，假以修饰	好嘞开始模拟数据

article: {
        title: "孔乙己节选",
        time: "2020-01-1",
        read: 50,
        content:
          "<p>鲁镇的酒店的格局，是和别处不同的：都是当街一个曲尺形的大柜台，柜里面预备着热水，可以随时温酒。做工的人，傍午傍晚散了工，每每花四文铜钱，买一碗酒，——这是二十多年前的事，现在每碗要涨到十文，——靠柜外站着，热热的喝了休息；倘肯多花一文，便可以买一碟盐煮笋，或者茴香豆，做下酒物了，如果出到十几文，那就能买一样荤菜，但这些顾客，多是短衣帮，大抵没有这样阔绰。只有穿长衫的，才踱进店面隔壁的房子里，要酒要菜，慢慢地坐喝。</p>\
          <p>我从十二岁起，便在镇口的咸亨酒店里当伙计，掌柜说，样子太傻，怕侍候不了长衫主顾，就在外面做点事罢。外面的短衣主顾，虽然容易说话，但唠唠叨叨缠夹不清的也很不少。他们往往要亲眼看着黄酒从坛子里舀出，看过壶子底里有水没有，又亲看将壶子放在热水里，然后放心：在这严重兼督下，羼水也很为难。所以过了几天，掌柜又说我干不了这事。幸亏荐头的情面大，辞退不得，便改为专管温酒的一种无聊职务了。</p>"
      },

文章数据脑补完成，下面意淫评论回复的数据，评论者需要 姓名 内容 数据以外还要考虑我们的回复内容要紧跟留言 所以还是要一个 回复的内容区域
我们在回复区域也意淫几个回复，因为我们还要考虑 留言者或者其他人回复那些 评论区的内容回复 
（比如a在文章下面留言 b对他进行回复 c看到了a和b的内容 对b的回复内容进行回