"前端大厂最新移动端面试题及解决方案" - CSDN文库

需积分: 0 10 浏览量更新于2024-03-13 收藏 347KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

})

</script>

</html>

2. vue的生命周期（华润集团炫酷网络）

1. 什么是vue的声明周期 Vue

实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模

板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue

的生命周期。

2. 组件第一次加载会触发哪些声明周期函数第一次页面加载时会触发 beforeCreate,

created, beforeMount, mounted 这几个钩子

3. DOM 渲染在哪个周期中就已经完成 DOM 渲染在 mounted 中就已经完成了。

4. 声明周期各个函数的作用生命周期钩子的一些使用方法： beforecreate :

可以在这加个loading事件，在加载实例时触发 created :

初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调

用 mounted : 挂载元素，获取到DOM节点 updated :

如果对数据统一处理，在这里写上相应函数 beforeDestroy :

可以做一个确认停止事件的确认框 nextTick : 更新数据后立即操作dom

5. 当keep组件激活时会调用哪个生命周期的函数 activated

该钩子在服务器端渲染期间不被调用。

6. 当keep-alive组件停用时调用。 deactivated 该钩子在服务端渲染期间不被调用。

7. keep的调用时机（炫酷网络）

activated调用时机：

第一次进入缓存路由/组件，在mounted后面，beforeRouteEnter守卫传给 next

的回调函数之前调用：

beforeMount=>

如果你是从别的路由/组件进来(组件销毁destroyed/或离开缓存deactivated)=>

mounted=> activated 进入缓存组件 => 执行 beforeRouteEnter回调

因为组件被缓存了，再次进入缓存路由/组件时，不会触发这些钩子：

// beforeCreate created beforeMount mounted 都不会触发。

所以之后的调用时机是：

组件销毁destroyed/或离开缓存deactivated => activated 进入当前缓存组件

=> 执行 beforeRouteEnter回调

// 组件缓存或销毁，嵌套组件的销毁和缓存也在这里触发

8. 组件缓存和不缓存调用的生命周期

剩余54页未读，继续阅读

2201_75761617

粉丝: 22
资源: 7339

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈