Vue事件相關的例項方法

2021-10-12 17:02:22 字數 623 閱讀 4526

vue.js提供了四個事件api,分別為$on$once$off$emit

// 在vue例項上建立乙個_events物件,存放事件

存放事件名以及對應執行方法。

/*初始化事件*/

export

function initevents (vm: component)

}

$on方法用來在vue例項上監聽自定義事件,該事件由emit觸發

vue.prototype.$on

= function(event: string | array, fn: function): component

}else

}return vm

}

$once監聽乙個只能觸發一次的事件,在觸發以後會自動移除該事件。

$off用來移除自定義事件

$emit用來觸發指定的自定義事件。

vue事件機制

vue事件相關

實現方法 模板裡邊 標籤v on 事件型別 事件函式 標籤 標籤 v on 事件型別 事件函式 標籤 簡寫 標籤 事件型別 事件函式 標籤 標籤 事件型別 事件函式 標籤 new vue methods 實現方法 模板裡邊 標籤v on 事件型別 事件函式 實參 標籤 簡寫 標籤 事件型別 事件函式...

Vue 方法與事件

有引數要加括號 或者傳入引數 data methods 如果方法中帶有引數,但是繫結事件時沒有加括號,預設傳遞的引數是原生事件物件 event 與上面的效果相同 按鈕 每次提交表單都會過載頁面只執行一次 data methods btnclick function handle function o...

簡述Vue的例項屬性 例項方法

1 例項屬性 dom訪問 資料訪問 2 例項方法 第乙個引數 選擇器字串或者dom元素 第二個引數 callback 函式,成功插入到目標元素後被觸發 並且如果el應用了過渡效果,則 在過渡完成後觸發 第乙個引數 選擇器字串或者dom元素 第二個引數 callback 函式,成功插入到目標元素後被觸...