【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new Vue()之后触发的第一个钩

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

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

1. 父组件 向 子组件 传递值 2. 子组件 向父组件传递值 3. 父组件 通过 $refs / $children 来获取子组件值 4. 子组件 通过 $parent 来获取父组件实例的属性和方法 5. $attrs 和 $listeners 获取父组件实例属性和方法(组件…

我觉得每个人可能都有过看源码的想法吧，也包括我。因为看源码不光能使自己对这个库更加熟悉，还能学习到作者强大的思想，久而久之，自己的水平和思想也会有明显的提升的。 1. 查看工具函数 2. 入口文件 3. Store类的实现 可以看到传入的 options 整体可以看成一个根模块…

在做项目的时候，经常会用到nextTick，它是用来操作DOM，简单理解它是放到异步后去执行的。 然而，Vue更新DOM是异步执行的，只要监听到数据变化，Vue开启一个队列，并缓冲在同一件事情循环中发生的所有数据变更。 所以得研究nextTick的执行原理。 看长篇大论视觉疲劳…

用一个在地图上挖宝的小例子，来总结下自己使用高德地图的心得。

vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项在使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”的想法，于是就关闭了vue的说明文档。 实际上，…

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