vue实现评论列表

实现功能：发表评论、本地存储、显示列表

• 页面加载，从本地localStorage中获得数据
• 子组件中，获取原数据，添加新数据，加入到localStorage
• 点击发表评论时，调用第二步定义的方法，重新加载数据

1. 借助bootstrap页面布局，包含评论人、评论内容、提交按钮以及评论列表
2. 定义子组件，子组件包含了评论人、评论内容、提交按钮
3. 页面加载：
   1. methods定义方法：获得localStorage中的数据，转为数组对象，置为父组件中data定义的list，借助v-for循环输出
      2. 需要思考该方法何时调用，在那里调用（生命周期函数）
4. 当点击提交按钮时，
   1.先从localStorage中获取数据localStorage.getItem('')
   2.localStorage 只支持存放字符串数据，所以我们需要调用JSON.parse将字符串转为数组对象，这里就需要注意，localStorage列表可能为空或者不存在，那我们就需要转为一个空数组，而不是null，所以我们可以返回一个[]
   3.将input框内的数据保存为一个对象，添加至获得的数组对象中，需注意，评论列表最新评论置于最上处，所以添加方法为unshift
   3.之后我们需要将最新的数组对象存入localStorage中，但是 localStorage 只支持存放字符串数据，所以，调用