简单实现基于vue的评论发布
![在这里插入图片描述](https://img-blog.csdnimg.cn/077cc735838b45668145b662bb42ab99.png)
思路分析:
- 创建一个List的组件,用于展示留言列表
- 使用prop进行父子组件的通信
父组件
![在这里插入图片描述](https://img-blog.csdnimg.cn/b33f7008dda24fc89145a2ed1ed4ff08.png)
将昵称和评论内容包装成对象,从而实现数据的传递
<template>
<div class="title">
<h1>今日摘抄</h1>
</div>
<hr/>
<div class="box">
<div class="user">
<div class="nickName">昵称:</div>
<input v-model="name" type="text">
</div>
<div