前端面试题

1、vuex怎么持久化？ 为什么要持久化？

原因：因为Vuex是基于内存，存在内存里面的，刷新网页之后就没有了，不会持久化储存 将数据存储在localstorage或sessionstorage中； 安装一个vuex的插件 vuex-persistedstate 来支持vuex的状态持久化

2、map和foreach的区别？

（1）相同点 1.都是循环遍历数组中的每一项。 2.每次执行匿名函数都支持三个参数，参数分别为item(当前每一项)，index(索引值)，arr(原数组)。 3.匿名函数中的this都是指向window。 4.只能遍历数组。

（2）不同点 a、map()会分配内存空间存储新数组并返回，forEach()不会返回数据。 b、forEach()允许callback更改原始数组的元素。map()返回新的数组。

3、v-if和v-show的区别? 强调：v-show和v-if的区别***---面试经常问到

(1)实现方式：v-if 底层采用 appendChild方式实现，v-show是通过样式属性 display 来控制元素的显示和隐藏。

(2)加载性能：v-if 的加载速度更 快 ，v-show的加载速度 慢

(3)切换的开销：v-if 开销大 ，v-show的开销小 v-if 是条件渲染。将模型中的数据在视图中显示出来的过程称为渲染

4、computed和watch的区别?

缓存：computed支持缓存，相依赖的数据发生改变才会重新计算；

watch不支持缓存，只要监听的数据变化就会触发相应操作

异步：computed不支持异步，当computed内有异步操作时是无法监听数据变化的；watch支持异步操作 属性值：computed属性的属性值是一函数，函数返回值为属性的属性值，computed中每个属性都可以设置set与get方法。watch监听的数据必须是data中声明过或父组件传递过来的props中的数据，当数据变化时，触发监听器

5、什么是MVVM？ MVVM架构：

Model--View--ViewModel 实现数据的双向绑定 M：Model(模型)， V：View(视图)， VM：ViewModel(视图模型)----实现数据的双向绑定

数据的双向绑定：Vue的特征之一，当视图发生改变时，模型能立即感知到；当模型中的数据发生改变时，视图也能立即反应出来。