81道经典Vue面试题总结（长期更新）

写在前面

---

参考答案在看云平台发布，如果大家想阅读参考答案，可直接购买，

看云平台 50 个免费开通权限 已经使用完毕，感谢大家的支持！

有什么意见与建议欢迎您及时联系作者或留言回复！

---

Vue开发交流微信群：(二维码定期更新，长期有效！)

群二维码.jpeg

---

本文档基于vue-cli技术栈总结了

• vue-cli工程
• vue.js核心知识
• vue-router路由
• vuex状态管理器
• axios等http请求
• 移动端适配
• Tab切换等常用功能
• vue与原生app混合交互
• vue生产环境部署
• vue各项技术源码解析
• MVVM设计模式
• vue-cli工程深入拓展

等12个关于vue-cli开发的方面。

不仅可以帮你一次性详细阅读所有关于vue的面试题、更可以帮你拓展关于vue开发的视野。

关于vue的试题，看这一篇文档就够了！

---

vue-cli工程

---

1、构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？

2、vue-cli 工程常用的 npm 命令有哪些？

3、请说出vue-cli工程中每个文件夹和文件的用处

4、config文件夹 下 index.js 的对于工程 开发环境 和 生产环境 的配置

5、请你详细介绍一些 package.json 里面的配置

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

vue核心知识点

---

1、vue.js的两个核心是什么？

2、请说出vue几种常用的指令

3、请问 v-if 和 v-show 有什么区别

4、vue常用的修饰符

5、v-on可以监听多个方法吗？

6、vue中 key 值的作用

7、vue中子组件调用父组件的方法

8、vue中 keep-alive 组件的作用

9、vue中如何编写可复用的组件？

10、什么是vue生命周期和生命周期钩子函数？

11、vue生命周期钩子函数有哪些？

12、vue如何监听键盘事件中的按键？

13、vue更新数组时触发视图更新的方法

14、vue中对象更改检测的注意事项

16、vue-cli工作中如何自定义一个过滤器？

17、vue等单页面应用及其优缺点

18、什么是vue的计算属性？

19、vue-cli提供的几种脚手架模板

20、vue父组件如何向子组件中传递数据？

21、vue-cli工程升级vue版本

22、vue-cli中如何使用组件的继承-mixin？

23、vue-cli中新增自定义指令

24、vue-cli开发环境如何使用全局常量？

25、 vue-cli生产环境如何使用全局常量?

26、vue-cli中如何自定义事件?

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

vue-router

---

1、vue-router如何响应 路由参数 的变化？

2、完整的 vue-router 导航解析流程

3、vue-router有哪几种导航钩子（ 导航守卫 ）？

4、vue-router的几种实例方法以及参数传递

5、vue-router的动态路由匹配以及使用

6、vue-router如何定义嵌套路由？

7、组件及其属性

8、vue-router实现路由懒加载（ 动态加载路由 ）

9、vue-router路由的两种模式

10、history路由模式与后台的配合

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

vuex

---

1、什么是vuex？

2、使用vuex的核心概念

3、vuex在vue-cli中的应用

4、组件中使用 vuex 的值和修改值的地方？

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

http请求

---

1、Promise对象是什么？

2、axios、fetch与ajax有什么区别？

3、什么是JS的同源策略和跨域问题？

4、如何解决跨域问题？

5、vue-cli中如何使用JSON数据模拟？

6、vue-cli中http请求的统一管理。

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

UI样式

---

1、.vue组件的scoped属性的作用

2、如何让CSS只在当前组件中起作用？

3、vue-cli中常用的UI组件库

4、如何适配移动端？【 经典 】

5、移动端常用媒体查询的使用

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

常用功能

---

1、vue中如何实现tab切换功能？

2、vue中如何利用 keep-alive 标签实现某个组件缓存功能？

3、vue中实现切换页面时为左滑出效果

4、vue中父子组件如何相互调用方法？

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

混合开发

---

1、vue如何调用 原生app 提供的方法？

2、原生app 调用 vue 提供的方法，并将值传递到 .vue 组件中

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

生产环境

---

1、vue打包命令是什么？

2、vue打包后会生成哪些文件？

3、如何配置 vue 打包生成文件的路径？

4、vue如何优化首屏加载速度？

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

MVVM设计模式

---

1、MVC、MVP与MVVM模式

2、MVC、MVP与MVVM的区别

3、常见的实现MVVM几种方式

4、实现一个自己的MVVM（原理剖析）

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

源码剖析

---

1、vue内部与运行机制

2、vue-router源码解析

3、vuex工作原理详解

4、axios内部设计分析

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---

深入拓展

---

1、vue开发命令 npm run dev 输入后的执行过程

2、MVC、MVP与MVVM模式

3、MVVM模式的优点以及与MVC模式的区别

4、vue的服务器端渲染

5、vue高版本中一些新特性的实践

6、从零写一个npm安装包

7、vue-cli中常用到的加载器

参考答案： https://www.kancloud.cn/hanxuming/vue-iq/728305

---