$once是Vue提供的一種事件監(jiān)聽方法,它與$on不同的是,$once只會在事件第一次被觸發(fā)時執(zhí)行,之后再次觸發(fā)同樣的事件將不再執(zhí)行相應的回調函數。這種特性在某些場合下非常實用。
下面是$once的使用示例:
mounted() { this.$once('some-event', this.handleEvent) }, methods: { handleEvent() { console.log('Event triggered') } }
上面的代碼意義是,在組件的mounted生命周期鉤子函數中,只有當'some-event'事件第一次被觸發(fā)時,才會執(zhí)行handleEvent()函數。之后再次觸發(fā)'some-event'事件將不再執(zhí)行handleEvent()函數。
除了在Vue組件中使用$once,它也可以在Vue實例中使用,示例代碼如下:
const vm = new Vue() vm.$once('some-event', () =>{ console.log('Event triggered') })
需要注意的是,$once方法只注冊一次事件監(jiān)聽器,如果需要多次觸發(fā)事件,應該使用$on方法。
上一篇h5 讀取 .json
下一篇python+批量下數據