Vue-生命周期(函数)

本文详细介绍了Vue实例的生命周期,包括创建、挂载、更新和销毁四个阶段的八个关键钩子函数,如beforeCreate、created、beforeMount、mounted等,并讨论了在不同生命周期阶段适合执行的操作,如数据获取、DOM操作等。同时,阐述了页面和组件的生命周期执行顺序,帮助理解Vue框架的工作原理。
摘要由CSDN通过智能技术生成

1.什么是生命周期?

Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期,通过vue的生命周期我们可以在不同的阶段进行实现不同的逻辑处理,也是vue框架的数据间的交互通信。其实现在看来也没那么难,但是vue的源码实现这一套机制那是难得一逼,涉及到复杂的算法如diff算法。

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

new Vue({
	data:{},
	el: '#app' // 挂载点
})

2.生命周期函数是什么?

vue的生命周期通常有8个,分别是创建前后,挂载前后,更新前后,销毁前后,分别对应的钩子函数有beforeCreate创建前,created创建后,beforeMount挂载前,moubted挂载后,beforeUpdate更新前,updated更新后,beforeDestory销毁前&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值