Vue中的事件監(jiān)聽是指在元素上綁定事件并對事件進行處理,進而實現(xiàn)響應某種特定的用戶操作。
在Vue中,可以使用v-on指令來綁定事件并指定對應的事件處理函數(shù),該指令可以簡寫為@,例如:
<button @click="handleClick">點擊</button>
上述代碼即在button元素上綁定了click事件,并指定了名為handleClick的事件處理函數(shù)。當用戶點擊按鈕時,Vue將自動調用該函數(shù)進行處理。
除了常見的click事件外,Vue還支持一系列DOM事件,例如input、blur、focus等。使用方式與click事件類似,例如:
<input type="text" @input="handleInput">
上述代碼即在input元素上綁定了input事件,并指定了名為handleInput的事件處理函數(shù)。當用戶在輸入框中輸入文本時,Vue將自動調用該函數(shù)進行處理。
除了綁定DOM事件,Vue還支持綁定自定義事件。可以通過Vue實例的$emit方法觸發(fā)自定義事件,并在組件中使用v-on指令監(jiān)聽該事件。例如:
// 觸發(fā)自定義事件 this.$emit('my-event', 'hello'); // 組件中監(jiān)聽自定義事件 <my-component @my-event="handleMyEvent"></my-component>
上述代碼即在某個Vue組件中使用$emit方法觸發(fā)了名為my-event的自定義事件,并指定了傳遞的參數(shù)為字符串'hello'。在該組件的父組件或祖先組件中,使用v-on指令監(jiān)聽該事件并指定名為handleMyEvent的事件處理函數(shù)。
上一篇c json 多層