VUE面试题汇总(三),2024年最新Web前端校招面试指南

本文汇集了Vue面试中常见的问题,包括组件复用策略、生命周期钩子函数的解析、键盘事件监听及数组响应式更新方法。详细解答了Vue如何编写可复用组件,生命周期各个阶段的含义,以及如何触发视图更新。同时提醒开发者注意Vue中对象更改检测的注意事项,如使用Vue.set避免属性添加或删除导致的响应式失效。最后,分享了解决非工程化项目初始页面闪动问题的技巧,以及一套全面的前端开发学习资源。
摘要由CSDN通过智能技术生成

meta: {

keepAlive: false // 不需要被缓存

}

}

];

23. vue 中如何编写可复用的组件?

参考答案:

总结组件的职能,什么需要外部控制(即 props 传啥),组件需要控制外部吗($emit), 是否需要插槽(slot)

24. 什么是 vue 生命周期和生命周期钩子函数?

参考答案:

vue 的生命周期就是 vue 实例从创建到销毁的过程

解析:

在这里插入图片描述在这里插入图片描述

25. vue 生命周期钩子函数有哪些?

参考答案:

在这里插入图片描述

26. vue 如何监听键盘事件中的按键?

参考答案:

解析:参考

27. vue 更新数组时触发视图更新的方法

参考答案:

  1. Vue. set 可以设置对象或数组的值,通过 key 或数组索引,可以触发视图更新

数组修改

Vue.set(array, indexOfItem, newValue)

this.array.$set(indexOfItem, newValue)

对象修改

Vue.set(obj, keyOfItem, newValue)

this.obj.$set(keyOfItem, newValue)

  1. Vue. delete 删除对象或数组中元素,通过 key 或数组索引,可以触发视图更新

数组修改

Vue.delete(array, indexOfItem)

<
  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值