什么是vue生命周期
vue实例从创建到销毁的过程,就是生命周期。具体就是从开始创建、初始化数据、编译模板、挂载DOM→渲染、更新→渲染、卸载等一系列过程。
vue生命周期的作用是什么?
生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程中更容易形成好的逻辑
vue生命周期总共有几个阶段?
总共可以分8个阶段:创建前/后、载入前/后、更新前/后、销毁前/后
第一次页面加载会触发哪几个钩子?
第一次页面加载时会触发beforeCreate、created、beforeMount、mounted这几个钩子
请列举出3个Vue常用的声明周期钩子函数
created:实例已经创建完成之后调用,在这一步,实例已经完成数据观测、属性和方法的运算,watch、event事件回调,然而,挂载阶段还没有开始,el替换,并挂载到实例上去之后调用该钩子,如果root实例挂在了一个文档内元素,当mounted被调用时vm.$el也在文档内。
activated:keep-alive组件激活时调用
Vue有几个生命周期?哪个生命周期可以获取到真实DOM?修改data里面的数据,会触发什么生命周期?
简单来说,vue的生命周期可以归为3类,创建阶段、运行阶段、销毁阶段。
创建阶段
beforeCreate:实例刚在内存中创建出来,还没有初始化 data和 methods,只包含一些自带额生命周期函数。
created:实例已经在内存中创建完成,此时data和methods已经创建完成。
beforeMount:此时已经编译模版,但没有渲染到页面中。
mounted:渲染模版,创建阶段到此结束。这时候可以操作dom。
运行阶段
beforeUpdate:界面中的数据还是旧的,但是data数据已经更新,页面中和data还没有同步。修改data数据就会触发这个函数。
updated:页面重新渲染完毕,页面中的数据和data保持一致。修改data数据就会触发这个函数。
销毁阶段
beforeDestroy:执行该方法的时候,Vue的生命周期已经进入销毁阶段,但是实例上的各种数据还出于可用状态。
destroyed:组件已经全部销毁,Vue实例已经被销毁,Vue中的任何数据都不可用
网友评论