Hooks
WARNING
Note that these hooks can only be registered in the setup
function within defineComponent
, or any other hook that is called from there. These hooks will "bind" to the component that's in the current sync "execution stack".
onMounted
declare function onMounted(fn: () => void): void;
1
defineComponent({
name: 'my-component',
setup() {
onMounted(() => {
// do stuff when the component is mounted
})
}
})
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
onUnmounted
declare function onUnmounted(fn: () => void): void;
1
defineComponent({
name: 'my-component',
setup() {
onUnmounted(() => {
// do cleanup stuff right before the component is unmounted
})
}
})
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8