vuejs中如何響應(yīng)用戶事件

這篇文章主要介紹“vuejs中如何響應(yīng)用戶事件”，在日常操作中，相信很多人在vuejs中如何響應(yīng)用戶事件問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”vuejs中如何響應(yīng)用戶事件”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)主營順慶網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,APP應(yīng)用開發(fā),順慶h5成都微信小程序搭建,順慶網(wǎng)站營銷推廣歡迎順慶等地區(qū)企業(yè)咨詢

需求：

頁面上的列表原先有3個，我們想點擊一次添加一條記錄，也可以在頭和尾刪除數(shù)據(jù)；

我們也可以刪除我們想刪除的任意一行記錄；

如果是用傳統(tǒng)的jquery操作，頁面中js會特別多，而且操作也很麻煩。

這里用vue.js就非常簡單。

我們先看頁面效果：

頁面初始化.png

末尾增加一項.png

刪除項.png

再來看代碼：

 
 
 
 
 
 



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