vue生命周期总共分为几个阶段?(必会)

Vue的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、activated、deactivated、beforeDestroy、destroyed和errorCaptured等11个阶段。这些钩子函数分别在Vue实例的不同阶段执行,用于在特定时间点执行特定操作,如数据初始化、DOM挂载、更新和销毁等。
摘要由CSDN通过智能技术生成

1 什么是vue的生命周期

vue实例 创建到销毁的过程.

2.Vue-钩子函数

2.1 Vue-钩子函数是什么?

       Vue 框架内置函数,随着组件的生命周期阶段,自动执行.

       通过钩子函数 知道vue生命周期到达了哪个阶段

2.2 Vue-钩子函数作用是?

      特定的时间点,执行特定的操作

2.3  Vue-钩子函数 的分类

      4大阶段8个方法

     初始化  挂载   更新   销毁

3.Vue-初始化阶段

1 Vue实例从创建到编译模板执行了   beforeCreate / created   钩子函数

2 created函数触发能获取data,不能获取真实dom

 3.Vue-初挂载阶段

1.template选项检查

有 - 编译template返回render渲染函数

例如:

但是: 因为Vue脚手架环境使用webpack+vue-template-compiler包, 进行模板编译转换后运行, 所以vue.js里只有运行时的代码, 所以这么写在脚手架环境会报错

所以: 脚手架环境, 直接写的是render函数方式进行渲染

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值