vue3【生命周期讲解-详】

suoh's Blog

已于 2022-11-17 09:09:40 修改

阅读量1.9k

点赞数

分类专栏： ❤️❤️--vue3核心技术栈文章标签： javascript vue.js 前端 vue3生命周期

于 2022-11-16 12:17:55 首次发布

本文链接：https://blog.csdn.net/qq_41579104/article/details/127882859

版权

❤️❤️--vue3核心技术栈专栏收录该内容

26 篇文章 32 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了Vue3中组件的生命周期，包括通过配置项和组合式API使用生命周期钩子。强调在Vue3中，beforeCreate和created等价于setup，而其他生命周期钩子需在原有基础上加上on前缀。实验表明，组合式API中的生命周期钩子执行顺序早于配置项。最后指出，虽然可能实现配置项与组合式API共存，但不推荐这种做法。

摘要由CSDN通过智能技术生成

一、通过配置项的形式使用生命周期钩子

父组件：

<template>
    <button @click="isShowDiv=!isShowDiv">切换显示隐藏</button>
    <Test v-if="isShowDiv"></Test>
</template>

<script>
import Test from './test'
import { ref, } from 'vue'
export default {
    name: 'Demo',
    components: { Test },
    setup() {
        let isShowDiv = ref(t

了解本专栏