vue中常用的生命周期钩子函数?

Vue——生命周期和钩子函数的一些理解

其实生命周期就是指Vue实例创建的过程,从开始到销毁的过程。

Vue实例从创建到销毁的过程,就是生命周期。

vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。

vue的生命周期就是vue实例创建的初始化到实例销毁的过程。期间会有8个钩子函数的调用。

mergeOptions(resolveConstructorOptions(vm.constructor), options, vm) :合并Vue构造函数里options和传入的options或合并父子的options。

在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue实例。

vue中常用的生命周期钩子函数?  第1张

vue生命周期钩子之间怎么调用

组件通过new Vue()创建出来之后会初始化事件和生命周期,然后就会执行beforeCreate钩子函数,这个时候,数据还没有挂载,无法访问到数据和真实的dom,一般不做操作。

挂载到实例上去之后调用该钩子。注意:mounted 不会把所有的子组件也都一起被挂载。beforeUpdate:数据更新时,虚拟 DOM 变化之前调用,这里适合在更新之前访问现有的 DOM,比如手动移除已添加的事件监听器。

可以拿到节点和数据 常用实例被挂载后调用.注意: mounted 不会 保证所有的子组件也都一起被挂载。

问题:当使用路由参数时,例如从 /content?id=1 到 content?id=2,此时原来的组件实例会被复用。

vue的生命周期就是vue实例创建的初始化到实例销毁的过程。期间会有8个钩子函数的调用。

vuejs什么时候使用钩子函数

1、在之前基础上对组件进行了生命周期的加工(初始化、获取资源、渲染、更新、销毁等),理顺了组件的各个阶段,有助于对组件实现(从初始化到销毁)的理解。 并且借助于组件各个阶段的钩子可以对组件有更好的利用和扩展。

2、Vue生命周期一共有11个钩子函数,图中一共有8个钩子函数。

3、在实例初始化之后。创建、初始化、编译模板、挂在DOM、渲染更新、卸载等过程中beforeCreate(创建前)。

4、vue.js created是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-23 13:59
下一篇 2023-09-23 13:59

相关推荐

发表回复

登录后才能评论