函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 function debounce(fn ,wait) { var timeout = null ; return function() { if(timeout !== null) clearTimeout(timeout) ; time = setTimeout (fn , wait) ; } //处理函数 function handle () { co...

1、使用Proxy代替Object.defineProperty :  Vue3使用ES6中的Proxy对象来实现响应式，而Vue2使用Objcet.defineProperty。相比之下，Proxy具有很好的性能、更简洁的语法和更强大的功能，例如可以拦截更多类型的操作。2、初始化时的递归代理 ： Vue3在初始化响应式数据时会进行一次递归处理，这样就不需要位每个属性都创建getter和setter了，从而提高了性能。3、多个根级响应式对象 ： 在Vue2中，一个组件只能有一个根级响应式对象（即data选项），但在Vue3中，一个组件可以有多个根级响应式对象（即setup函数返回的多个响应式对象）。4、无需符号 ： 在Vue2中，需要使用this.的前缀才能访问响应式数据，但在Vue3中，可以直接使用普通变量名访问响应式数据。5、删除响应式数据 ： 在Vue中，不能直接删除响应式数据，必须使用Vue.delete方法，而在Vue3中，可以直接使用delete关键字删除响应式数据。     总结：Vue3的响应式原理比Vue2更加高效、灵活和易用。

vue的生命周期分为以下8个阶段：1、beforeCreate: 在实例初始化之后，数据观测（data observer）和event/watcher事件配置之前被调用。2、created: 实例创建完成后被立即调用。这个阶段完成了数据观测和event/watcher事件的配置，但尚未开始DOM编译和挂载。3、beforeMount: 在挂在开始之前被调用，相关的render函数首次被调用。4、mounted: el被新创建的vm.el替换，并挂载到实例上去调用改钩子。此时实例的el和el属性均指向挂载的元素。5、beforeUpdate: 数据更新时调用，发生在虚拟DOM重新渲染和打补丁之前。6、updated：由于数据改变导致虚拟DOM重新渲染和打补丁后调用。7、beforeDestory: 实例销毁之前被调用。此时实例仍然完成可用。8、destoryed: 实例销毁后调用。此时所有的指令都已经解绑，所有的事件监听器都已经移除，所有的事件监听器都已经移除，所有的子实例也已经销毁。