$once是Vue.js中一項(xiàng)非常實(shí)用的API。在Vue.js中，開(kāi)發(fā)者可以使用$once來(lái)綁定一個(gè)事件，這個(gè)事件只會(huì)被執(zhí)行一次，而之后它將被自動(dòng)卸載。這個(gè)特性在一些場(chǎng)景下非常有用，例如只想在用戶登錄時(shí)執(zhí)行一次的行為。

// 在created()生命周期中使用$once
created() {
this.$once('userLogged', () =>{
console.log('User logged in!');
});
}

$once可以被綁定到任何Vue.js實(shí)例或組件上下文。使用$once，可以避免在未來(lái)多次展示同一組件時(shí)重復(fù)綁定相同的事件，從而提高性能。

因?yàn)?once只會(huì)執(zhí)行一次，所以它與$emit配合使用時(shí)需要注意。如果在組件中使用$once綁定一個(gè)事件，并且組件被重復(fù)渲染，那么$once綁定的事件只會(huì)在組件第一次被渲染時(shí)觸發(fā)，因?yàn)樗蛔?cè)了一次。如果你希望每次組件被重新渲染時(shí)都執(zhí)行某個(gè)事件，而不是只在第一次渲染時(shí)執(zhí)行，那么你應(yīng)該使用$on。

// 在組件中使用$on來(lái)綁定一個(gè)會(huì)被多次執(zhí)行的事件
mounted() {
this.$on('userLogged', () =>{
console.log('User logged in!');
});
}

需要注意的是，當(dāng)使用$once來(lái)綁定一個(gè)自定義事件時(shí)，事件名需要用camelCase命名規(guī)則。例如，如果你想綁定一個(gè)名為myEvent的事件，那么應(yīng)該使用$emit('my-event')來(lái)觸發(fā)它，而不是$emit('myEvent')。這是因?yàn)镠TML中只支持kebab-case格式的事件名。

如果你需要在組件被銷(xiāo)毀時(shí)手動(dòng)卸載$once綁定的事件，可以使用$off方法。$off方法有兩種用法，一種是卸載所有事件，另一種是卸載特定的事件。

// 卸載所有事件
destroyed() {
this.$off();
}
// 卸載特定的事件
destroyed() {
this.$off('userLogged');
}

總之，$once是Vue.js中非常實(shí)用的API，可以幫助開(kāi)發(fā)者提高性能，并且在某些場(chǎng)景下可以提高開(kāi)發(fā)效率。同時(shí)，由于$once只會(huì)執(zhí)行一次，需要注意與$emit的使用，以及需要手動(dòng)卸載的情況。