重点
- 介绍一下 MVVM 模式，和 MVC 模式有什么区别！
- 你对SPA单页面的理解，它的优缺点分别是什么！如何实现SPA应用呢
- Vue2 的生命周期有哪些
- Vue 的双向数据绑定是如何实现的
- 为什么 Vue3 用 proxy 代替了 Vue2 中的 Object.defineProperty
- vue单向数据流的特点、vueX使用方式
- 什么是虚拟DOM！如何实现一个虚拟DOM！说说你的思路
- Vue2、Vue3、React之间的diff算法区别是什么！
- 路由的 hash 模式和 history 模式的区别
- SPA首屏加载速度慢的怎么解决！
- 说一说 Vue 的性能优化
- 【延伸问答】Vue中的 $nextTick 作用及实现原理
Vue 八股文
Vue 设计模式
- 介绍一下 MVVM 模式，和 MVC 模式有什么区别！
- 你对SPA单页面的理解，它的优缺点分别是什么！如何实现SPA应用呢
- 说说你对vue的mixin的理解，有什么应用场景！
- 【延伸问答】this.set() 的用处及用法
- [【延伸问答】Vue中的 nextTick%20作用及实现原理.md)
- Vue组件之间的通信方式都有哪些！
- 到底该用ref还是reactive!
生命周期
- Vue实例挂载的过程
- Vue2 的生命周期有哪些
- 平时发送异步请求在哪个生命周期，并解释原因
- 【延伸问答】created 和 mouted 区别
- keep-alive 中的生命周期有哪些
- 父子组件生命周期执行顺序
数据绑定
- 组件中的 data 为什么是一个函数！
- Vue 的双向数据绑定是如何实现的
- Vue.observable你有了解过吗！说说看
- v-model 是什么，有什么用！
- 为什么 Vue3 用 proxy 代替了 Vue2 中的 Object.defineProperty
- 【延伸问答】this.set() 的用处及用法
- Vue 中的数据为什么频繁变化时只会更新一次
- [【延伸问答】Vue中的 nextTick%20作用及实现原理.md)
- 动态给vue的data添加一个新的属性时会发生什么！怎样解决！
- Vue中组件和插件有什么区别！
- Vue常用的修饰符有哪些有什么应用场景
- 你有写过自定义指令吗！自定义指令的应用场景有哪些！
- Vue中的过滤器了解吗！过滤器的应用场景有哪些！
- vue中如何实现动态属性
组件通信
状态管理
- 什么是状态管理！为什么需要状态管理！
- vue单向数据流的特点、vueX使用方式
- mutations 能不能做异步
- 怎么解决刷新页面时，Vuex 中数据丢失的问题！
- Vuex 和 localStorage 的区别
- 什么是Vuex！它是用来解决什么问题的！
- Vuex的核心概念有哪些！
- Vuex的状态(state)是如何工作的！
- 状态(state)和属性(getters)之间有什么区别！
- 什么是mutations！它们的作用是什么！
- 如何在mutation中修改状态(state)！
- 什么是actions！它们的作用是什么！
- 如何在组件中触发一个action！
- 如何在action中进行异步操作！
- 什么是getters！它们的作用是什么！
- 如何在组件中使用一个getter！
- 如何将Vuex集成到Vue应用程序中！
- 如何在Vue组件中访问Vuex的状态(state)！
- 如果想要在Vuex中添加一个新的模块，应该做哪些步骤！
- 如何在Vue组件中使用mapState、mapGetters、mapMutations和mapActions辅助函数！
- 在Vuex中，如何处理模块化命名空间(namespace)的问题！
- Vuex是否支持插件！如果支持，举例说明如何创建一个插件。
- 如何在Vue应用程序中进行跨模块的状态(state)访问！
- Vuex的严格模式(strict mode)是什么！如何启用它！
- 一张图弄明白 Vuex 里该存放什么样的数据
虚拟 dom 和 diff 算法
- 什么是虚拟DOM！如何实现一个虚拟DOM！说说你的思路
- 【延伸问答】虚拟 dom 的解析过程
- 你了解vue的diff算法吗！说说看
- 你知道vue中key的原理吗！说说你对它的理解
- Vue中的AST和VNode有什么区别啊？看着都长的一个样
Vue2 和 Vue3 的区别
- vue3有了解过吗！能说说跟vue2的区别吗！
- Vue3.0的设计目标是什么！做了哪些优化
- Vue3.0性能提升主要是通过哪几方面体现的！
- 生命周期的区别
- Vue2、Vue3、React之间的diff算法区别是什么！
- 数据响应式原理
- 组件通信区别
- Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同！
- 说说Vue 3.0中Treeshaking特性！举例说明一下！
- 用Vue3.0 写过组件吗！如果想实现一个 Modal你会怎么设计！
- 到底该用ref还是reactive!
- Vue3如何将HTML如何挂载到body上面
- TypeScript 中 RouteRecordRaw 类型导入报错
- vue3如何在 setup 中定义组件的 name 属性
标签和属性
- v-if 和 v-show 的区别
- v-if 和 v-for 哪个优先级更高
- slot（插槽）的作用
- computed（计算属性）和 watch（监听属性）的区别
- 计算属性缓存 vs 方法
- Vue 可以在 computed 计算属性中传递参数吗？
- 如何实现一个自定义权限校验指令v-auth
路由
- Vue 实现路由跳转的方法
- 路由的 hash 模式和 history 模式的区别
- Vue router 和 route的区别
- SPA首屏加载速度慢的怎么解决！
- Vue中如何给router-view设置key值
- VUE监听路由变化的几种方式
- vue监控URL地址hash变化
- 如何递归生成路由
- addroutes 添加动态路由相同路径不覆盖问题