什么是Vue生命周期？
Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模
板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。
Vue的生命周期函数有哪些？在各个阶段做的事是什么？
四个周期八个函数
创建阶段：
beforeCreate(创建前)：
给实例化的Vue对象添加了属性和方法还有生命周期函数。
created(创建后)：
把methods和data添加到Vue实例化对象上，所以在created周期内可以访问data和methods中的数据，在这个阶段我们一般发送网络请求获取数据。
挂载阶段：
beforeMount(挂载前)：
在DOM挂载页面进行data数据’预’处理
mounted(挂载后)：
已经把DOM挂载到页面上了，是可以进行DOM元素操作的阶段了(可以理解为已经将虚拟DOM绘制到浏览器中——即为真实DOM)
更新阶段：
beforeUpdate(更新前)：
数据更新时调用，发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器，该钩子在服务器端渲染期间不被调用，因为只有初 次渲染会在服务端进行，这个阶段的数据会进行变更，DOM没有实际更新。
updated(更新后)：
数据更新的DOM也已经产生在页面上了，可以继续访问
销毁阶段
beforeDestroy（销毁前）：
实例销毁之前调用。在这一步，实例仍然完全可用。该钩子在服务器端渲染期间不被调用。
destroy(销毁后)：
Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件
监听器会被移除，所有的子实例也会被销毁。
组件缓存是什么？组件缓存有什么作用？组件缓存时出现的周期函数有哪些？
理解：
vue 中有个动态组件的概念，它能够帮助开发 者更好的实现组件之间的切换，但是在面对需求频繁的变化，去要切换组件时，动态组件在切 换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状态，为了解决这个问题， 需要使用到 vue 中内置组件
好处：
不会反复创建销毁组件，提高性能。
缓存阶段：
activated：
keep-alive 组件激活时调用。该钩子在服务器端渲染期间不被调用
deactivated：
keep-alive 组件停用时调用。该钩子在服务器端渲染期间不被调用
新增的生命周期函数
errorCaptured（2.5.0+ 新增）
当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生
错误的组件实例以及一个包含错误来源信息的字符串，此钩子可以返回 false 以阻止该错误继
续向上传播。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/177317.html原文链接：https://javaforall.net
