在Vue中，blur事件是一種當元素失去焦點時發生的事件。通常在輸入框中使用blur事件來監聽用戶輸入完畢后離開輸入框。 在Vue中，可以通過v-on:blur或@blur指令來綁定blur事件處理函數。例如，在一個輸入框中，我們可以使用v-on:blur來監聽blur事件，并調用一個名為handleBlur的方法：

<input v-model="inputVal" v-on:blur="handleBlur">

然后在Vue實例中定義handleBlur方法：

var vm = new Vue({
el: '#app',
data: {
inputVal: ''
},
methods: {
handleBlur: function () {
console.log('input is blurred');
}
}
})

當輸入框失去焦點時，控制臺將會輸出"input is blurred"。 除了控制臺日志外，我們也可以在handleBlur方法中編寫邏輯來處理blur事件。例如，我們可以將用戶的輸入保存到一個數組中：

var vm = new Vue({
el: '#app',
data: {
inputVal: '',
inputs: []
},
methods: {
handleBlur: function () {
this.inputs.push(this.inputVal);
this.inputVal = '';
}
}
})

在這個例子中，當輸入框失去焦點時，Vue將inputVal的值添加到inputs數組中，并將inputVal重置為空字符串。 除了v-on:blur或@blur指令外，Vue還提供了一些其它指令和屬性來處理blur事件。例如，在vue-router中，可以通過v-blur來綁定blur事件，并在用戶離開當前路由時執行一些操作：

<router-link v-blur="{handler: handleBlur, context: this}" to="/foo">Go to Foo</router-link>

在這個例子中，當用戶點擊路由鏈接并且將當前的路由離開時，handleBlur方法將被調用。通過指定上下文，我們可以保證handleBlur方法可以訪問到Vue實例。 總之，blur事件是一個在Vue中常用的事件，它能夠幫助我們監聽輸入框的輸入完成事件，并執行相應的操作。無論是使用v-on:blur、@blur或v-blur指令，都能夠幫助我們輕松地處理blur事件。