前端面试题

1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？
答：点我

2、v-show 与 v-if 有什么区别？
答：点我

3、Class 与 Style 如何动态绑定？
答：点我

4、怎样理解 Vue 的单向数据流？
答：点我

5、computed 和 watch 的区别和运用的场景？
答：点我

6、直接给一个数组项赋值，Vue 能检测到变化吗？
答：点我

7、谈谈你对 Vue 生命周期的理解？
答：点我

8、Vue 的父组件和子组件生命周期钩子函数执行顺序？
答：点我

9、在哪个生命周期内调用异步请求？
答：点我

10、在什么阶段才能访问操作DOM？
答：在 mounted 中可以访问操作 DOM。
因为在钩子函数 mounted 被调用前，Vue 已经将编译好的模板挂载到页面上。

11、父组件可以监听到子组件的生命周期吗？
答：点我

12、谈谈你对 keep-alive 的了解？
答：点我

13、组件中 data 为什么是一个函数？
答：点我
因为如果data是一个对象则会造成数据共享，在多次使用该组件时，改变其中一个组件的值会影响全部该组件的值。而如果是通过函数的形式返回出一个对象的话，在每次使用该组件时返回出的对象的地址指向都是不一样的，这样就能让各个组件的数据独立。

14、v-model 的原理？
答：点我

15、Vue 组件间通信有哪几种方式？
答：点我

16、你使用过 Vuex 吗？
答：点我

17、使用过 Vue SSR 吗？说说 SSR？
答：点我

18、vue-router 路由模式有几种？
答：点我

19、能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗？
答：点我

20、什么是 MVVM？
答：MVVM的核心是数据驱动，即ViewModel，ViewModel是View和Model关系映射。MVVM本质是基于操作数据来操作DOM,借助于MVVM无需直接操作DOM，开发者只需要编写ViewModel中的业务，使得View实现自动化。

21、Vue 是如何实现数据双向绑定的？
答：点我

22、Vue 框架怎么实现对象和数组的监听？
答：点我

23、Proxy 与 Object.defineProperty 优劣对比
答：点我

24、Vue 怎么用 vm.$set() 解决对象新增属性不能响应的问题 ？
答：点我

25、虚拟 DOM 的优缺点？
答：点我

26、虚拟 DOM 实现原理？
答：点我，点我

27、Vue 中的 key 有什么作用？
答：点我

28、你有对 Vue 项目进行哪些优化？
答：点我

29、对于即将到来的 vue3.0 特性你有什么了解的吗？
答：点我

30、说说你使用 Vue 框架踩过最大的坑是什么？怎么解决的？
答：意会