请详细说下你对vue生命周期的理解,vue生命周期是什么意思

　　本文主要介绍Vue生命周期差异的详细解释。本文通过一个简单的案例来说明对这项技术的理解和使用。以下是详细内容，有需要的朋友可以参考一下。

生命周期分类

　　vue的每个组件都是独立的，每个组件都有自己的生命周期。

　　从一个组件创建，数据初始化，挂载，更新，销毁，这就是所谓的一个组件的生命周期。

　　组件中的具体方法有：

　　创建前

　　创造

　　即将挂载

　　安装好的

　　更新前

　　更新

　　销毁前

　　破坏

beforeCreate( 创建前 )

　　实例初始化后，之前调用数据观察和事件配置。此时组件的option对象还没有创建，el和data还没有初始化，所以不能访问方法。

　　关于数据、计算数据等的方法和数据。

created ( 创建后 ）

　　创建实例后，调用它。在这一步中，实例已经完成了以下配置：数据观察、属性和方法操作、watch/事件回调、数据初始化，而el还没有。但是挂起阶段还没有开始，目前还看不到$el属性。这是一个常见的生命周期，因为你可以调用方法中的方法来改变数据中的数据，修改可以通过vue的响应式绑定反映到页面上，在computed中得到计算属性等。通常，我们可以在这里预处理实例。

beforeMount（挂载前）

　　在开始挂之前调用，第一次调用了相关的render函数(虚拟DOM)。实例完成了以下配置：编译模板，从data中的数据和模板生成html，完成el和data的初始化。注意，此时它还没有挂在html页面上。

mounted（挂载后）

　　挂完了，也就是把模板中的HTML渲染成HTML页面，这个时候一般可以做一些ajax操作，mounted只会执行一次。

beforeUpdate（更新前）

　　在数据更新之前调用，这发生在虚拟DOM重新呈现和修补之前。可以在这个钩子中进一步改变状态，而不触发额外的重新呈现。

updated（更新后）

　　当虚拟DOM由于数据变化而被重新渲染和修补时；它只会被调用；当被调用时；组件DOM已经更新；因此您可以执行依赖于DOM的操作；然后；大多数情况下；您应该避免在此期间更改状态；因为这可能导致更新的无限循环；并且在服务器端渲染过程中不会调用钩子。

beforeDestroy（销毁前）

　　在实例销毁之前调用，并且实例仍然完全可用，

　　在这一步中，您还可以使用它来获取实例，

　　一般来说，一些重置操作是在这一步完成的，比如清除组件中的定时器和dom事件。

destroyed（销毁后）

　　在实例被销毁后调用。调用后，所有事件侦听器都将被移除，所有子实例都将被销毁。在服务器端渲染过程中不会调用这个钩子。

　　vue实例已经解除了事件监控和dom的绑定，但是dom结构仍然存在。

执行顺序（图示）

　　关于Vue生命周期差异的详细解释，本文到此为止。关于Vue生命周期的更多信息，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。