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

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

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:销毁后，将删除当前组件，销毁监听事件，还将销毁组件、事件和子实例。

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

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