2022前端面试--覃

面试一
1.key的作用
2.vue性能优化
3.vue router的原理
4.vue2和vue3的区别
5.vue组件怎么写更好，怎么优化组件

1.key的作用

• Key 值的存在保证了唯一性，Vue 在执行时，会对节点进行检查，如果
  没有 key 值，那么 vue 检查到这里有 dom 节点，就会对内容清空并赋
  新值，如果有 key 值存在，那么会对新老节点进行对比，比较两者 key
  是否相同，进行调换位置或删除操作

2.vue性能优化

• 1.减少使用dom操作
  https://baijiahao.baidu.com/s?id=1655581973404072017&wfr=spider&for=pc

3.vue router的原理
https://www.cnblogs.com/gaosirs/p/10606266.html

4.vue2与vue3的区别
https://www.jianshu.com/p/9088d530aecc

面试二
1.循环的方法
2.foreach 和map的区别
3.vue传参的方法
4.forceupdate
5.获取账号之后怎么判断路由
6.vue跳转的方法
7.params和query传参的区别
8.v-if 与v-show

1.循环的方法 与区别
for…in ：遍历对象，（可以遍历数组但不推荐，因为循环出来是索引，但是会作为string而不是number）
for… ：基本循环方式。可以用brack中断，continue跳转下一代
map…：会分配内存空间存储新数组并返回
foreach…：里面使用break不会跳出循环，不会返回数据，允许callback更改原始数组的元素
for…of:es6新增能响应break，continue，return语句，支持类数组对象，没有索引
do…while:可以用break中断，continue跳转下一代
while:可以用brack中断，continue跳转下一代

for...in VS FOR...OF

与for…in的区别在于：

for…of 迭代属性值
for…in 迭代属性名称

3.vue传参的方法
https://www.jb51.net/article/210586.htm

4.forceupdate强制刷新

5.获取账号之后怎么判断路由
beforeach

**![6.vue跳转的方法](https://img-blog.csdnimg.cn/c6ffad6c89534f4fa07cb6986e6273d4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSn6IS45bCP6KaD,size_20,color_FFFFFF,t_70,g_se,x_16
https://www.cnblogs.com/miluluyo/p/11190648.html

7.params和query传参的区别
https://segmentfault.com/a/1190000012735168 看评论

8.v-if 与v-show

v-show相当于display：none

面试三
1.es6的新特性
2.vue传值的办法
3.移动端适配rem
4.扩展运算符
5.vue组件怎么封装
6…sync

1.es6的新特性
https://es6.ruanyifeng.com/#docs/let

2.vue传值的方法
父子传值
$bus
vuex

.sync

3.移动端适配rem
https://www.runoob.com/w3cnote/px-em-rem-different.html

4.扩展运算符
…
https://blog.csdn.net/astonishqft/article/details/82899965

5.vue组件的封装
https://www.cnblogs.com/pengfei-nie/p/9134367.html

6…sync
https://blog.csdn.net/weixin_42312074/article/details/109470136