在現代Web前端開發中，input輸入框是非常常用的一個組件，其主要作用是讓用戶輸入一些內容，如用戶名、密碼等。而Vue.js是現代前端MVVM框架之一，可以讓我們更加方便地管理和操作DOM。

Vue中的input組件支持多種事件，其中最為常用的是光標事件。光標事件就是輸入框中光標的位置發生變化時觸發的事件，常見的有onFocus和onBlur事件。其中，onFocus事件表示輸入框獲得焦點時觸發，而onBlur事件表示輸入框失去焦點時觸發。

<template>
<div>
<input type="text" v-model="inputContent" @focus="handleFocus" @blur="handleBlur">
</div>
</template>
<script>
export default {
data() {
return {
inputContent: ""
};
},
methods: {
handleFocus() {
console.log("輸入框獲得焦點了");
},
handleBlur() {
console.log("輸入框失去焦點了");
}
}
};
</script>

上面的代碼演示了如何在Vue中添加input的光標事件。我們可以在模板中使用@focus和@blur添加事件監聽器，然后在組件實例中定義事件處理方法，就可以在事件觸發時執行相應操作。

除了onFocus和onBlur事件外，Vue中的input組件還支持其他的光標事件。其中，onInput事件表示輸入框中的內容發生變化時觸發，常用于實時獲取輸入框中的值。onChange事件表示輸入框內容發生變化并且失去焦點時觸發，常用于提交表單、驗證數據等操作。

下面的代碼演示了如何在Vue中添加onInput和onChange事件。

<template>
<div>
<input type="text" v-model="inputContent" @input="handleInput" @change="handleChange">
</div>
</template>
<script>
export default {
data() {
return {
inputContent: ""
};
},
methods: {
handleInput() {
console.log("輸入框中的值發生了變化", this.inputContent);
},
handleChange() {
console.log("輸入框中的值已經提交了", this.inputContent);
}
}
};
</script>

在Vue中使用input組件的光標事件可以為我們的前端開發提供很大的便利，我們可以通過事件監聽器來實現很多動態效果和交互效果，比如實時查詢、聯想搜索、表單驗證等。在實際開發中，我們還可以自定義各種光標事件，根據需要來進行擴展。