前言     在vue中,nextTick是一个非常有用的方法，可以帮助我们解决一些异步更新队列相关的问题.由于vue中的数据响应系统是基于异步更新机制的，当我们修改完数据后，视图不会立即更新，而是会

在官网中对key的解释： key 特殊 attribute 主要用做 Vue 的虚拟 DOM 算法的提示，以在比对新旧节点组时辨识 VNodes。如果不使用 key，Vue 会使用一种算法来最小化元素

前言：ES6的Proxy默认是只会代理对象的浅层属性的（类似于Vue3的shallow API），那么如果想做到Vue3中代理深层属性该怎么办呢？这篇文章我们简单的介绍一下。

Vue.nextTick() 是一个从 Vue 对象直接暴露出来的全局 API，其实 $nextTick() 只是 Vue.nextTick() 的一个简易包装，只是为了方便而把后者的回调函数的 this 绑定到了当前的实例。 但如果你从来没有手动操作 DOM 的需要，或者你不…

provide/inject这一对API，可以暴露出父组件的数据和方法供所有后代组件使用。vue2中provide/inject中如何传递响应式数据了？

，如果感兴趣或者对美股感兴趣可以加我微信: xiaobei060537, 一起交流 😝。 关于vue的内部原理其实有很多个重要的部分，变化侦测，模板编译，virtualDOM，整体运行流程等。 之前写过一篇《深入浅出 - vue变化侦测原理》 讲了关于变化侦测的实现原理。 那…

之前博客里分享过一篇用《Angular 实现树形菜单（多级菜单）功能模块》，而在由于战略转移，所以我给 Vue 也来了一份。功能差不多，不过由于这个是第二次做，会对之前的一些不足作一个修正。下面来看看 Vue 树形菜单。 在做这个 DEMO 的时候我是用了vue 的脚手架（vu…

举个栗子 不设置key 当选中吕不韦时，添加楠楠后选中的确是李斯，并不是我们想要的结果，我们想要的是当添加楠楠后，一种选中的是吕不韦 设置key 同样当选中吕不为时，添加楠楠后依旧选中的是吕不为。 可

在vue3中，定义响应式数据一般有两种方式：ref 和 reactive 一般来说，我们使用 ref 来定义基本数据类型，使用 reactive 来定义复杂数据类型 但是也可以使用 ref 来定义数组