VUE2面试题总结----如有不妥请指教

 

1.单页面应用的优缺点？

• 优点

  • 1.用户体验好，不需要重新加载整个页面，避免了不必要的跳转和重复渲染

  • 2.SPA对于服务器的压力较小

  • 3.前后端分离，结构比较清晰

• 缺点

  • 1.初次加载需要的时间比较多

  • 2.前进后退按钮功能失效

  • 3.不利于SEO搜索，所有的内容都在一个页面中动态替换显示

2.v-if和v-show的区别

• v-if是条件渲染，适用于很少改变条件，不需要频繁切换的场景

• v-show不管初始条件是什么，元素总是会被渲染的，只是根据display属性进行切换

3.computed和watch的区别以及运用的场景？

• computed是计算属性，依赖其他属性值，并且有缓存，只有它雅莱的属性值改变了，它才会重新计算

  • 我们为了避免每次获取值都需要重新计算的时候可以使用，如果在method里面写同样的方法实现，method的方法会执行多次，而computed只要依赖属性的值不该表不会重新计算。

• watch更多的是观察的作用，类似于监听回调，监听的数据变化时都会执行回调进行后续操作

  • 如果我们需要变化是执行异步或者开销比较大的时候可以使用

4.说说你对Vue生命周期的理解？

• Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程

• 1.create

  1.1 beforeCreate 创建VUE实例 data 不能使用 DOM 不能使用

  1.2 careated data 使用 DOM 不能使用（未渲染）

  2.mount

  2.1 beforeMount data 能使用 DOM不能使用（未被渲染）

  2.2 mount data 能使用 DOM 能操作 （挂载）

  3.update

  3.1 beforeUpdate 数据更新就触发 更新之前触发

  3.2 update 数据更新触发 更新之后触发

  4.destroy

  4.1 beforeDestroy data method 都能用 组件销毁前

  4.2 destroyed data method 都能用 组件销毁后，清楚残留的定时器

5.在哪个生命周期内调用异步请求？

可以在钩子函数 created、beforeMount、mounted 中进行调用，因为在这三个钩子函数中，data 已经创建，可以将服务端端返回的数据进行赋值

6.说说你对keep-alive的了解？

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染，一般结合路由和动态组件一起使用，用于缓存组件

谈谈你对keep-alive的了解（原创）

应用场景：当我们第一次进入页面的时候，这时候需要去请求一次数据，那么我们再次进入这个页面的时候，页面的数据并不是不断的进行更新，就是页面数据更新的频率不高，那么我们就需要用keep-alive来缓存组件，防止二次请求数据和渲染DOM

keep-alive是VUE内置的一个组件，可以让被包含的组件保留状态，避免重新渲染， 

• 一般结合路由和动态组件一起使用，用于缓存组件；
• 提供 include 和 exclude 属性，两者都支持字符串或正则表达式， include 表示只有名称匹配的组件会被缓存，exclude 表示任何名称匹配的组件都不会被缓存 ，其中 exclude 的