Vue学习乐园

最近实现了一个基于 Vue 的可拖动组件，支持鼠标拖动、点击事件、窗口边界限制等功能。在开发过程中经历了多次优化和错误尝试，以此文做个总结和分享。

这可能是Vue技术面试最常问到的面试问题之一，我们都知道计算数据是监听数据变化并返回计算函数返回值的，watch就是单纯的数据监听处理。那么二者在源码实现上又有什么区别呢？ 那下面我们就从源码实现的角

对于Vue的自定义指令相信很多同学已经有所了解，但是不知道各位同学有没有这种感觉，就是这个技术感觉很方便，也不难，我也感觉学会了，就是不知道如何去应用。这篇文档就是为了解决一些同学的这些问题才写出来的

之前公司招人，面试了一些的前端同学，因为公司使用的前端技术是Vue，所以免不了问到其响应式原理和Vue的双向数据绑定。但是这边面试到的80%的同学会把两者搞混，通常我要是先问响应式原理

我们对Vue中data数据的修改会导致界面对应的响应变化，而通过nextTick方法，可以在传入nextTick的回调函数中获取到变化后的DOM，讲起来可能还是有点梦幻，

想必大家都用一些前端框架中诸如MessaBox或者Toast的组件，此类组件往往不需要我们显式的在使用组件的位置编写布局代码就能展示全局的弹框类组件。 你有没有好奇这个效果是怎么实现的呢，接下来我们就来实现一下类似的Loading加载中效果。 将div标签添加到body中。 L…