左劃事件是Web開發中經常用到的一種交互方式，它可以方便用戶進行操作。在Vue中，我們可以通過綁定事件來實現左劃事件的功能。

//html結構
{{item.name}}

如上代碼所示，我們可以在html結構中綁定三個事件分別為touchstart、touchmove、touchend。這三個事件是瀏覽器支持的原生事件，我們可以通過Vue來綁定事件處理函數。

//Vue實例中的事件處理函數
handleStart(event){
this.startX = event.touches[0].pageX;
this.startY = event.touches[0].pageY;
this.isTouching = true;
},
handleMove(event){
if(this.isTouching){
let moveX = event.touches[0].pageX - this.startX;
let moveY = event.touches[0].pageY - this.startY;
if(Math.abs(moveX) >Math.abs(moveY)){
event.preventDefault();
}
this.touchMoveX = moveX;
}
},
handleEnd(event){
if(this.touchMoveX< -50){
this.items.shift();
}
this.isTouching = false;
this.touchMoveX = 0;
}

如上代碼所示，我們可以在Vue實例中分別定義三個函數來處理touchstart、touchmove、touchend事件。在touchstart事件中，我們獲取手指觸摸時的坐標，用isTouching來記錄觸摸狀態。

在touchmove事件中，我們獲取手指移動時的坐標，計算水平移動距離和豎直移動距離，如果水平移動距離大于豎直移動距離，則阻止默認事件，防止頁面滾動。同時記錄touchMoveX，用于判斷左滑距離。

在touchend事件中，我們判斷touchMoveX的值是否小于-50，如果小于-50，則表示手指向左滑動了超過50個像素，我們通過數組shift方法來刪除第一個元素。同時重置isTouching和touchMoveX的值。

最后，在Vue實例中我們需要定義一些data屬性，它們用于存放需要遍歷的數據、touchStart時的X軸坐標、Y軸坐標、是否正在觸摸以及touchMoveX等信息。