vue有哪些面试题?2021年最新vue面试题整理

vue是一套构建用户界面的渐进式框架。,在开发过程中,程序员都会使用到的,因此要是面试相关岗位,vue知识点是必考的,那vue有哪些面试题?下面来我们就来给大家分享一些2021年最新vue面试题!

1.Vue的响应式原理是什么?

什么是响应式,也即是说,数据发生改变的时候,视图会重新渲染,匹配更新为最新的值。

Object.defineProperty 为对象中的每一个属性,设置 get 和 set 方法,每个声明的属性,都会有一个 专属的依赖收集器 subs,当页面使用到 某个属性时,触发 ObjectdefineProperty - get函数,页面的 watcher 就会被 放到 属性的依赖收集器 subs 中,在 数据变化时,通知更新;

当数据改变的时候,会触发Object.defineProperty - set函数,数据会遍历自己的 依赖收集器 subs,逐个通知 watcher,视图开始更新;

2.Vue中computed与method的区别有哪些?

相同点:

如果作为模板的数据显示,二者能实现响应的功能,唯一不同的是methods定义的方法需要执行;

不同点:

1.computed 会基于响应数据缓存,methods不会缓存;

2.diff之前先看data里的数据是否发生变化,如果没有变化computed的方法不会执行,但methods里的方法会执行;

3.computed是属性调用,而methods是函数调用;

3.Vue 中的 key 到底有什么用?

key 是给每一个 vnode 的唯一 id,依靠 key,我们的 diff 操作可以更准确、更快速 (对于简单列表页渲染来说 diff 节点也更快,但会产生一些隐藏的副作用,比如可能不会产生过渡效果,或者在某些节点有绑定数据(表单)状态,会出现状态错位。)

diff 算法的过程中,先会进行新旧节点的首尾交叉对比,当无法匹配的时候会用新节点的 key 与旧节点进行比对,从而找到相应旧节点.

更准确 : 因为带 key 就不是就地复用了,在 sameNode 函数 a.key === b.key 对比中可以避免就地复用的情况。所以会更加准确,如果不加 key,会导致之前节点的状态被保留下来,会产生一系列的 bug。

更快速 : key 的唯一性可以被 Map 数据结构充分利用,相比于遍历查找的时间复杂度 O(n),Map 的时间复杂度仅仅为 O(1)。

4.Vue 组件 data 为什么必须是函数 ?

因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。

所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实例是不会被复用的,因此不存在以上问题。

这些都是Vue面试题的高频考点,大家一定要掌握相关知识,争取在面试中一把过!最后大家如果想要了解更多java面试题知识,敬请关注奇Q工具网。

推荐阅读:

java开发工程师需要学多久?要学什么?

java面试中经常被问到的问题有哪些?相关汇总

geojson怎么在arcgis打开?GeoJSON的数据结构是什么?

推荐内容