Proxy和Reflect详解之前一直没有理解proxy代理是啥意思，只是感觉很深奥的样子，最近正好在研究vue3的响应式原理，发现vue3是使用proxy完成响应式的，因此仔细的研究了一下proxy和reflect到底是啥proxy是es6新增的一个新特性，可以通过代理对象完成对目标对象的拦截，并在拦截后进行骚操作Proxy是通过实例化来生成的，入参有两个，第一个target是要拦截的目标对象，

简单描述vue3中ref、reactive、toRef、toRefs区别ref:ref用于创建基础数据类型的响应式变量（采用复制的方式，修改响应式数据不会影响原始数据，数据发生改变，界面就会自动更新）setup(){const refA = ref(0)}reactive:reactive用于创建引用类型的响应式对象setup(){const refA = reactive({name: "LIS

尤大在开发者大会上说vue3相较于vue2性能提高了1.2-2倍，经测试实际能达到2-3倍。vue3的性能优化主要体现在如下几点：一、diff算法优化vue2中diff算法是整体全量比对，对整颗vdom树进行循环对比操作而在vue3中加入了静态标签（PatchFlag）的概念PatchFlag的意思是给元素上增加一个标记下图中的1就是一个PatchFlag标签vue3中对PatchFlag进行了划