vue.js面试题(单题)
题型 | 难易度 | 出现频率 | 浏览 | 评论 |
---|---|---|---|---|
问答题 | 63 | 0 |
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题
- 谈谈你对 Vue 生命周期的理解?
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函数