vue面试题总结

写在前面参考答案在看云平台发布，如果大家想阅读参考答案，可直接购买，看云平台 50 个免费开通权限已经使用完毕，感谢大家的支持！有什么意见与建议欢迎您及时联系作者或留言回复！Vue开发交流微信群：(二维码定期更新，长期有效！或添加群主微信hanxuming888进群)本文档基于vue-cli技术栈总结了vue-cli工程vue.js核心知识vue-router路由vuex状态管理器axios等http请求移动端适配Tab切换等常用功能vue与原生app混合交互vue生产环境部署vue各项技术源码解析MVVM设计模式vue-cli工程深入拓展等12个关于vue-cli开发的方面，共98道面试题。不仅可以帮你一次性详细阅读所有关于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/hanxu...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中自定义指令的使用参考答案： https://www.kancloud.cn/hanxu...vue-router1、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路由模式与后台的配合参考答案： https://www.kancloud.cn/hanxu...vuex1、什么是vuex？2、使用vuex的核心概念3、vuex在vue-cli中的应用4、组件中使用 vuex 的值和修改值的地方？5、在vuex中使用异步修改6、pc端页面刷新时实现vuex缓存参考答案： https://www.kancloud.cn/hanxu...http请求1、Promise对象是什么？2、axios、fetch与ajax有什么区别？3、什么是JS的同源策略和跨域问题？4、如何解决跨域问题？5、vue-cli中如何使用JSON数据模拟？6、vue-cli中http请求的统一管理。7、axios有什么特点？参考答案： https://www.kancloud.cn/hanxu...UI样式1、.vue组件的scoped属性的作用2、如何让CSS只在当前组件中起作用？3、vue-cli中常用的UI组件库4、如何适配移动端？【经典】5、移动端常用媒体查询的使用6、垂直居中对齐7、vue-cli中如何使用背景图片？8、使用表单禁用时移动端样式问题9、多种类型文本超出隐藏问题参考答案： https://www.kancloud.cn/hanxu…常用功能1、vue中如何实现tab切换功能？2、vue中如何利用 keep-alive 标签实现某个组件缓存功能？3、vue中实现切换页面时为左滑出效果4、vue中父子组件如何相互调用方法？5、vue中央事件总线的使用参考答案： https://www.kancloud.cn/hanxu…混合开发1、vue如何调用原生app 提供的方法？2、原生app 调用 vue 提供的方法，并将值传递到 .vue 组件中参考答案： https://www.kancloud.cn/hanxu…生产环境1、vue打包命令是什么？2、vue打包后会生成哪些文件？3、如何配置 vue 打包生成文件的路径？4、vue如何优化首屏加载速度？参考答案： https://www.kancloud.cn/hanxu...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.reduce10、递归的使用11、Obj.keys()与Obj.defineProperty12、发布-订阅模式13、实现MVVM的思路分析参考答案： https://www.kancloud.cn/hanxu…源码剖析1、vue内部与运行机制：Vue.js 全局运行机制响应式系统的基本原理什么是 Virtual DOM？如何编译template 模板？diff算法批量异步更新策略及 nextTick 原理？proxy代理？2、vuex工作原理详解Vue.mixinVue.use参考答案： https://www.kancloud.cn/hanxu…深入拓展1、vue开发命令 npm run dev 输入后的执行过程2、vue的服务器端渲染3、从零写一个npm安装包4、vue-cli中常用到的加载器5、webpack的特点参考答案： https://www.kancloud.cn/hanxu…