VUE-4:组件生命周期、动态组件、插件、动画

本文详细介绍了Vue组件的生命周期,包括创建、挂载、更新和卸载四个阶段的关键函数,以及如何处理异步任务和DOM操作。还讨论了动态组件、keep-alive的激活与停用状态,并讲解了Vue插件的安装与使用。最后,文章阐述了Vue中的动画处理,包括CSS过渡和组件的过渡类名。
摘要由CSDN通过智能技术生成

组件生命周期

        组件生命周期指的是组件从创建到销毁的过程,在这个过程中的一些不同的阶段,`vue` 会调用指定的一些组件方法

                基本生命周期函数有下面几个阶段:

                        - 创建阶段

                        - 挂载阶段

                        - 更新阶段

                        - 卸载阶段

                每一个阶段都对应着 之前 和 之后 两个函数


创建阶段

        beforeCreate()

                初始化阶段,应用不多

        created()

                在实例创建完成后被立即调用,该阶段完成了对 `data` 中的数据的 `observer`,该阶段可以处理一些异步任务


挂载阶段

        beforeMount()

                在挂载开始之前被调用,应用不多

        mounted()

                该阶段执行完了模板解析,以及挂载。同时组件根组件元素被赋给了 `$el` 属性,该阶段可以通过 DOM 操作来对组件内部元素

                进行处理了


更新阶段

        beforeUpdate()

                数据更新时调用,但是还没有对视图进行重新渲染,这个时候,可以获取视图更新之前的状态

        updated()<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值