98道经典Vue面试题总结

98道经典Vue面试题总结

本文档基于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 里面的配置

vue核心知识点

1、对于Vue是一套渐进式框架的理解

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

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

4、vue常用的修饰符

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

6、vue中 key 值的作用

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

8、vue事件中如何使用event对象？

9、$nextTick的使用

10、Vue 组件中 data 为什么必须是函数

11、v-for 与 v-if 的优先级

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

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

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

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

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

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

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

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

20、解决非工程化项目初始化页面闪动问题

21、v-for产生的列表，实现active的切换

22、v-model语法糖的组件中的使用

23、十个常用的自定义过滤器

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

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

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

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

28、vue-cli开发环境使用全局常量

29、vue-cli生产环境使用全局常量

30、vue弹窗后如何禁止滚动条滚动？

31、计算属性的缓存和方法调用的区别

32、vue-cli中自定义指令的使用

vue-router

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

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

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

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

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

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

7、<router-link></router-link>组件及其属性

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

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

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

vuex

1、什么是vuex？

2、使用vuex的核心概念

3、vuex在vue-cli中的应用

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

5、在vuex中使用异步修改

6、pc端页面刷新时实现vuex缓存

http请求

1、Promise对象是什么？

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

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

4、如何解决跨域问题？

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

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

7、axios有什么特点？

UI样式

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

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

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

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

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

6、垂直居中对齐

7、vue-cli中如何使用背景图片？

8、使用表单禁用时移动端样式问题

9、多种类型文本超出隐藏问题

常用功能

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

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

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

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

5、vue中央事件总线的使用

混合开发

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

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

生产环境

1、vue打包命令是什么？

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

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

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

MVVM设计模式

1、MVC、MVP与MVVM模式

2、MVC、MVP与MVVM的区别

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

4、Object.defineProperty()方法

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

6、 ES6中类和定义

7、JS中的文档碎片

8、解构赋值

9、Array.from与Array.reduce

10、递归的使用

11、Obj.keys()与Obj.defineProperty

12、发布-订阅模式

13、实现MVVM的思路分析

源码剖析

1、vue内部与运行机制：

Vue.js 全局运行机制

响应式系统的基本原理

什么是 Virtual DOM？

如何编译template 模板？

diff算法

批量异步更新策略及 nextTick 原理？

proxy代理？

2、vuex工作原理详解

Vue.mixin

Vue.use

深入拓展

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

2、vue的服务器端渲染

3、从零写一个npm安装包

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

5、webpack的特点

作者：鸭梨

来源：https://segmentfault.com/a/1190000016351284

转载：个人学习使用