【vue】2.16简单案例

一、高亮显示点击文字

使用vue绑定页面

设置默认样式

使用for循环数组数据展示，并取得索引

创建点击事件并传承，创建num变量

方法中num=传进来的参数，

在内容中使用：class和三元运算符，当num=key时是true显示，

 

二、评论模块的增加与删除

2.1共有几条评论

统计共有几条评论，假如没有评论则显示暂无评论

使用v-for把默认数组的元素展示出来，

再使用v-if判断是否，如果不是等于0就显示数组的长度

等于0就显示暂无评论

2.2删除评论

点击“x”号即可删除评论，使用v-for循环数组的同时，获取索引

在“x”号那里弄个点击事件，传入索引参数

使用splice方法删除数组元素即可

 

三、增加评论

使用双向绑定获取输入的内容

在评论按钮添加点击事件

使用unshift方法添加数据到数组中

设置v-model的数据为空，保证每次提交后情况输入框的内容

使用@keyup.enter=“事件”来实现回车提交