#每天一个知识点#
<script setup>中如何使用钩子函数:

<script setup>
import { onBeforeCreate, onCreated, onBeforeMount, onMounted, onBeforeUpdate, onUpdate, onBeforeUnmount, onUnmounted } from 'vue';

onBeforeCreate(() => {
console.log('beforeCreate hook');
});

onCreated(() => {
console.log('created hook');
});

onBeforeMount(() => {
console.log('beforeMount hook');
});

onMounted(() => {
console.log('mounted hook');
});

onBeforeUpdate(() => {
console.log('beforeUpdate hook');
});

onUpdate(() => {
console.log('updated hook');
});

onBeforeUnmount(() => {
console.log('beforeUnmount hook');
});

onUnmounted(() => {
console.log('unmounted hook');
});
</script>
展开
评论