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

官方解释 - 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。 基于不同时期的源码，会有不同的答案。 实际上，nextTick在vue发展的不同版本中，针对各种渲染和dom事件问题进行了多次调整。宏/微任务，甚至两种并行。在最新版本…

作为vue coder，原理性的东西还是要多了解了解，学习业界大佬们的思维。当然了，面试也是跑不掉的了

Vue3.0 中，响应式数据部分弃用了 Object.defineProperty，使用Proxy来代替它。 Object.defineProperty 有一个缺陷是无法监听数组下标的变化，导致直接通过数组的下标给数组设置值，不能实时响应。 所以 Vue 才设置了 7 个变异数…

要包装的目标对象Proxy。它可以是任何类型的对象，包括本机数组，函数甚至其他代理 如图例所示: personProxy 是person的代理，当personProxy的取值赋值时，会进入到hander的get/set方法中。 在VUE2.X版本中，响应式布局一个最重要的API…

5.watchEffect 监听器的升级版本，立即执行传入的一个函数，并响应式追踪其依赖，并在其依赖变更时重新运行该函数。 6.reactive 接收一个普通对象然后返回该普通对象的响应式代理。等同于 2.x 的 Vue.observable(),注意在源码中明确显示需要传递一…

在 Vue.js 中，所有动画的具体实现主要是通过组件 <transition> 和 <transition-group> 来实现的。 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active…

来自 Vue 官网讲述： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

axios 的API很友好，你完全可以很轻松地在项目中直接使用。不过随着项目规模增大，如果每发起一次HTTP请求，就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等等操作，都就地写一遍，得疯！这种重复劳动不仅浪费时间，而且让代码变得冗余不堪，难…