vuejs中如何响应用户事件

这篇文章主要介绍“vuejs中如何响应用户事件”，在日常操作中，相信很多人在vuejs中如何响应用户事件问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vuejs中如何响应用户事件”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联主营顺庆网站建设的网络公司,主营网站建设方案,APP应用开发,顺庆h5成都微信小程序搭建,顺庆网站营销推广欢迎顺庆等地区企业咨询

需求：

页面上的列表原先有3个，我们想点击一次添加一条记录，也可以在头和尾删除数据；

我们也可以删除我们想删除的任意一行记录；

如果是用传统的jquery操作，页面中js会特别多，而且操作也很麻烦。

这里用vue.js就非常简单。

我们先看页面效果：

页面初始化.png

末尾增加一项.png

删除项.png

再来看代码：

 
 
 
 
 
 



 
  
  
   ×
   {{item.text}} {{$index}}
  
  
  
   在末尾增加一项
   删除第一项
   删除最后一项