Vue的addListener函數是事件監聽器,通過這個函數可以輕松地在Vue應用程序中添加事件監聽器。事件監聽器可以在特定的視圖上注冊事件,當觸發該事件時,將會執行指定的回調函數。
// 組件 Vue.component('example', { template: `Click me`, methods: { onClick() { this.$emit('clicked'); } } }); // Vue實例 new Vue({ el: '#app', methods: { handleClick() { console.log('Button clicked'); } }, mounted() { this.$refs.example.$on('clicked', this.handleClick); }, destroyed() { this.$refs.example.$off('clicked', this.handleClick); } });
在代碼示例中,我們創建了一個名為example的組件,并在模板中綁定了一個點擊事件。當在組件中點擊該元素時,將會觸發一個clicked事件。
然后,我們在Vue實例的mounted生命周期函數中注冊了一個clicked事件的回調函數,每當點擊組件時,回調函數就會被執行。如果我們不再需要該事件監聽器,可以通過destroyed生命周期函數將其銷毀。
通過Vue的addListener函數,我們可以簡單、快速地添加事件監聽器,讓應用程序更加靈活和具有交互性。
上一篇vue if 函數
下一篇python 往返跑方陣