#每天一个知识点#
<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>
<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>
展开
评论
点赞
![[奸笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_17.bcebf79.png)