vue.js面试题(单题)

题型 难易度 出现频率 浏览 评论
问答题 63 0
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题

Vue生命周期是从Vue实例创建到销毁的过程。这个过程提供了8个生命周期钩子函数。

(1)beforeCreate 创建前

组件实例被创建,this指向了当前实例,但组件属性还没有创建,不能使用data,computed,methods

可以在这个阶段初始化非响应式变量

(2)created 创建后

组件实例已经完全创建,属性可以正常访问了,但dom还没有挂载,所以$el,$ref 还不可用 。

在这几个阶段可以进行接口请求数据。

(3)beforeMount 挂载前

render 函数被调用,$el有值了,但数据还没有挂载到页面,模板字符串还没有被替换

(4)mounted 挂载后

dom渲染完成,可以进行dom操作了,$ref属性可以访问了

(5)beforeUpdate 更新前

响应式数据有更新时调用

(6)update 更新后

虚拟dom重新渲染和打补丁之后调用,dom已经渲染完成

(7)beforeDestory 销毁前

组件销毁前调用,通常可以在这个阶段关闭计时器

(8)destoryed 销毁后

组件销毁后调用


如果有使用keep-alive来缓存组件,那么组件在失活时会调用deactivated函数,激活会调用activated函数


还能输入{{limitInput-commentDet.length}}个字符