前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈

在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态，它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。 但有时候，我们有一些需求，比如跳转到详情页面时，需要保持列表页的…

Vue-router中你点击一个按钮，移步到了另外一个“网页”中。这是经常发生的事情。 在这个移步的过程当中，其实我们拥有着很多机会对这个行为做一些事情。 例如：小明打算从家里去外婆家，你在路上可以把他的腿打断，送回家，这样你就阻止了他去外婆家了。 小明去外婆家就是导航，你就是…

2. 路由独享守卫

当我们需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许我们执行异步操作 ( 访问一个 API )，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。 在列表数据进行遍历渲染时，需要为每一项 i…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

如果你是一个已经在学习前端开发的初学者亦或者是一名在代码界纵横多年的程序员，那你一定知道现在最火的前端框架之一Vue.js。它相比于React与Angular上手更加容易，或许这也是很多初学者选择vue的原因之一。 我们看到很多招聘上都写着掌握vue开发项目，那么面试都会问什么…

父组件向子组件传值：父组件：子组件：子组件修改父组件的数据.sync：父组件向子组件传方法：子组件向父组件传值（通过事件传值）：父组件：子组件向父组件传方法（通过事件）：vue动态修改引用类型值：$s

在这里不过多阐述，我也是跟着阮一峰大佬的《es6入门》来学习的，es6新增了很多的方法、属性，让我们在编码中得到了很高的提升，在这里只对array这块进行阐述，其他的就过不多介绍了。 是不是及其简单！其中 new Set()会把重复的数据过滤到，得到一个类数组的对象，Array…