首页 > 编程知识 正文

vue双向数据绑定面试题,vue生命周期面试

时间:2023-05-06 16:34:30 阅读:18760 作者:4023

首先,我们要了解什么是生命周期函数。

Vue实例来自一系列进程,如创建、挂载、更新、销毁,称为Vue生命周期。

其作用:

所有Vue功能的实现都围绕其生命周期进行,通过在生命周期的不同阶段调用相应的挂接函数,可以实现组件数据管理和DOM渲染两个重要功能。 生命周期有多个事件挂接,在控制整个vue实例的进程时更容易形成更好的逻辑。

Vue的生命周期函数可以帮助我们在它的各个阶段进行事件处理,更好的控制整个vue项目。

每个循环具体适合哪个场景:

beforeCreate:在创建实例之前、初始化实例之后,this是指创建的实例。

无法获取DOM节点。

无法访问data、computed、watch和methods上的方法和数据。 (虽然有this,但是里面的方法还没有。 已阅读代码并创建了this,但尚未初始化其中的所有方法和属性。 )只有几个默认的方法和属性

数据劫持发生在beforeCreate和created之间

created:创建后,将在此阶段创建一个实例,以完成数据(data、props、computed )的初始化。

允许访问data computed watch methods上的方法和数据。

在此阶段进行DOM操作时,请务必将其放入Vue.nextTick ()的回调函数中。

初始化完成时的活动写在这里。 异步请求也适合在此调用。 请不要要求太多,白色画面的时间不要太长。

进行一些初始化,实现函数的自我执行。

beforeMount:表示在装载之前,模板已编译且未渲染到页面

33558www.Sina.com/:DOM装载和渲染已完成。 内存中的模板实际上是在页面上渲染的,可以看到渲染的页面

装载的DOM可以通过mounted挂接函数进行操作。

可以在这里发起后端请求,找回数据,协助胡克做点什么。

3358www.Sina.com/:在更新数据之前,mounted在methods中进行了修改,以查看它如何更新到接口,然后在beforeUpdate

其实此时data对象中的数据已经更新,只不过还没有更新到界面上:更新数据后,组件DOM更新完成,可以执行依赖的DOM操作。

通过节点去操作取值,不要通过this.$el去取值:销毁前

是否确实要删除xx?

updated:销毁后,将删除当前组件,销毁监听事件,还将销毁组件、事件和子实例。

此时,已经没有组件了。 里面什么都操作不了。

希望以上内容对大家有帮助~

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。