把拖拽功能封装到组件中，我们就可以把拖拽移动的功能当成一个组件去使用了，使逻辑变得更清晰，减少重复的功能实现

随着对vue源码的阅读，逐渐发现Watcher无处不在，无论是响应式原理，还是计算属性，侦听属性都用到了Watcher，几乎Vue大部分的特性都离不开Watcher。 甚至给我一种感觉，Vue往大了说，就是如何建立数据和Watcher的关系，数据变化时如何触发Watcher的更…

computed 在 Vue 中是很常用的属性配置，它能够随着依赖属性的变化而变化，为我们带来很大便利。那么本文就来带大家全面理解 computed 的内部原理以及工作流程。 在这之前，希望你能够对响应式原理有一些理解，因为 computed 是基于响应式原理进行工作。如果你对…

响应式原理作为 Vue 的核心，使用数据劫持实现数据驱动视图。在面试中是经常考查的知识点，也是面试加分项。 文章稍长，但部分是代码，还请耐心观看。为了方便理解原理，文中的代码会进行简化，如果可以请对照源码学习。 在响应式原理中，Observe、Dep、Watcher 这三个类是…

watch 是由用户定义的数据监听，当监听的属性发生改变就会触发回调，这项配置在业务中是很常用。在面试时，也是必问知识点，一般会用作和 computed 进行比较。 那么本文就来带大家从源码理解 watch 的工作流程，以及依赖收集和深度监听的实现。在此之前，希望你能对响应式原…

Vue 封装全局 toast 组件 一. 借助 vue-cli 1. 定义 Toast 组件 2. 在 main.js 里面配置 3. 在其他组件内使用 二、不借助 vue-cli ​ 在借助 vue

一、插件的作用或者说应用场景； 它的主要作用是“增强vue”,能够完成更加强大的功能，可以用于：实现全局过滤器、实现自定义指令、定义混入、添加全局方法……； 二、插件的分类 一、自定义插件 就是由自己

好奇vue批量更新数据时利用什么操作进行优化了，答案： 批量异步更新策略及 nextTick等，vue, javascript,优化

Vue2 的数据响应式最终是触发 Watcher 更新视图，但 Watcher 并不是马上更新视图的，而是有一个更新队列。 从源码可以看出，dep 通过调用 Watcher 的 update 方法通知