关于前台Vue框架面试题，面试可能会被问到哪些？

前言

理解前台的小伙伴，肯定知道Vue框架，由于现在市场上Vue框架是目前应用最广泛的框架。基本上很多东西里的框架都是用Vue。所以今天给大家分享Vue框架的面试题，这样在面试的时候也能够有备无患。

Vue框架面试题

Vue框架面试题 内容主要包括：Vue基础知识点，Vue核心知识点，Vue-cli工程，Vue-router，Vuex，http请求，UI样式，常用功能，深入拓展...

Vue基础知识点

1. Vue特性
2. Vue项目结构详情
3. Vue 常用指令
4. Vue常用的修饰符
5. 条件渲染
6. 列表渲染
7. 组件

Vue核心知识点

1. 对于Vue是一套渐进式框架的了解
2. vue.js的两个核心是什么？
3. 请问 v-if 和 v-show 有什么区别
4. v-for 与 v-if 的优先级
5. v-on可以监听多个方法吗？
6. vue中 key 值的作用
7. vue-cli工程更新vue版本
8. vue事件中如何使用event对象？
9. $nextTick的使用
10. Vue 组件中 data 为什么必需是函数
11. vue中子组件调用父组件的方法
12. vue中 keep-alive 组件的作用
13. vue中如何编写可复用的组件？
14. 什么是vue生命周期？
15. vue生命周期钩子函数有哪些？
16. vue如何监听键盘事件中的按键？
17. vue升级数组时触发视图升级的方法
18. vue中对象更改检测的注意事项
19. 处理非工程化项目初始化页面闪动问题
20. v-for产生的列表，实现active的切换
21. v-model语法糖的组件中的使用
22. vue中自己设置过滤器
23. vue等单页面应用及其优缺点
24. 什么是vue的计算属性？
25. vue-cli提供的几种脚手架模板
26. vue父组件如何向子组件中传递数据？
27. vue弹窗后如何禁止滚动条滚动？
28. 计算属性的缓存和方法调用的区别
29. vue-cli中自己设置指令的使用

Vue-cli工程

1. 构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？
2. vue-cli 工程常用的 npm 命令有哪些？
3. 请说出vue-cli工程中文件夹和文件的用处
4. config文件夹 下 index.js 的对于工程 开发环境 和 生产环境 的配置
5. 请你详细详情少量 package.json 里面的配置

vue-router

1. vue-router 如何响应 路由参数 的变化？
2. 完整的 vue-router 导航解析流程
3. vue-router 有哪几种导航钩子（ 导航守卫 ）？
4. vue-router 传递参数的几种方式
5. 怎样定义 vue-router 的动态路由? 怎样获取传过来的值
6. vue-router 的动态路由匹配
7. vue-router 如何定义嵌套路由？
8. 组件及其属性
9. vue-router 实现路由懒加载（ 动态加载路由 ）
10. vue-router 路由的两种模式
11. history 路由模式配置及后端配置

vuex

1. 什么是 vuex？
2. Vuex 处理了什么问题？
3. 使用 vuex 的核心概念
4. vuex在 vue-cli 中的应用
5. 在 vue 中使用 vuex，修改 state 的值
6. vuex actions 异步修改状态
7. Vuex 中状态储存在哪里，怎样改变它？
8. 怎样在组件中批量使用 Vuex 的 state 状态？
9. 怎样在组件中批量使用 Vuex 的 getter 属性?
10. Vuex 中 action 和 mutation 有什么区别？
11. Vuex 中 action 通常是异步的，那么如何知道 action 什么时候结束呢？
12. Vuex 插件有用过吗？怎样用简单详情一下？

http请求

1. Promise对象是什么？
2. axios、fetch与ajax有什么区别？
3. 什么是JS的同源策略和跨域问题？
4. 如何处理跨域问题？
5. axios有什么特点？

UI样式

1. vue组件的scoped属性的作用
2. 如何让CSS只在当前组件中起作用？
3. vue-cli中常用的UI组件库
4. 如何适配手机端？
5. 手机端媒体查询
6. vue内容垂直和水平居中
7. vue-cli引入图片的方法
8. 手机端常见样式问题
9. 文本超出隐藏

常用功能

1. vue中如何实现tab切换功能？
2. vue中keep-alive 实现标签页组件缓存
3. vue中实现页面从右往左侧滑入效果
4. vue中父子组件如何相互调用方法？
5. vue中央事件总线的使用

MVVM设计模式

1. MVC、MVP与MVVM模式
2. MVC、MVP与MVVM的区别
3. MVVM的实现原理
4. Object.defineProperty()方法
5. ES6中定义的类和对象
6. JS中的文档碎片
7. 解构赋值
8. Array.from
9. Array.reduce
10. 递归的使用
11. Obj.keys()与Obj.defineProperty
12. 发布-订阅模式
13. vue项目优化，缩短首屏加载时间

篇幅有限，需要文中 《Vue框架面试题总结》完整版（含解析）PDF文档的朋友可以加入这边的Q裙：【624369675】

深入拓展

1. vue开发命令 npm run dev 输入后的执行过程
2. vue的服务器端渲染
3. webpack的特点