标签面试题下的文章 - 杀死一只知更鸟

vue路由传参面试题：params参数传的是空串如何解决？

面试题一：如何指定params参数可传可不传？在配置路由的时候，在占位符后面加个?面试题二：params参数可传可不传，如果传的是空串如何解决？使用undefined解决

面试 · 2023-07-29

vue路由传参面试题：params参数传的是空串如何解决？

当被问到vue组件中的 data 为什么是函数?

组件中的 data 写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的 data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份 data，如果其中一个组件改变了data的值，那么其它所有使用同一个data对象的组件都会受到影响。而当我们将data定义为一个函数时，每个组件都会调用这个函数，返回一个新的对象，这样每个组件都拥有了自己独立的data对象，彼此之间不会产生影响。因此，为了保证每个组件都有自己独立的data对象，Vue规定了data必须是返回一个对象的函数。具体来说，当我们在组件中定义data为一个对象时，这个对象会被所有组件实例共享，如果其中一个组件改变了data的值，那么其它所有使用同一个data对象的组件都会受到影响。而当我们将data定义为一个函数时，每个组件都会调用这个函数，返回一个新的对象，这样每个组件都拥有了自己独立的data对象，彼此之间不会产生影响。

面试 · 2023-07-27

面试题：说下vue、react中key的作用是什么？（key的内部原理）

1.虚拟DOM中key的作用:key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM]，随后Vue进行[新虚拟DOM] 与[旧虚拟DOM]的差异比较，比较规则如下:2.对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: a.若虚拟DOM中内容没变，直接使用之前的真实DOM b.若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM(2).旧虚拟DOM中未找到与新虚拟DOM相同的key:创建新的真实DOM，随后渲染到到页面。 3.用index作为key可能会引发的问题:a.若对数据进行:逆序添加、逆序删除等破坏顺序操作，会产生没有必要的真实DOM更新 ==> 界面效果没问题，但效率低b.如果结构中还包含输入类的DOM，会产生错误DOM更新 ==> 界面有问题。4.开发中如何选择key?:最好使用每条数据的唯一标识作为key，比如id、手机号、身份证号、学号等唯一值。如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示，使用index作为key也是没有问题的

面试 · 2023-07-27

Theme Jasmine by Kent Liao