Clover ‘s Blog

因为近期在做一个新的Vue3项目，然后在csdn上都是付费才可，所以我就参考一些文献自己做了一份供大家参考

虚拟dom一定更快吗？

区别

自定义hook是什么

provide和inject的使用

Vue3其他的组合式API应用

组合式api优势

组件通讯

为什么Vue2和Vue3语法不可以混用

Vue3中怎么设置全局变量

scoped

diff算法

vue插槽

onRenderTracked()状态跟踪和onRenderTriggered() 状态触发

vue项目页面空白但不报错产生的原因分析

vuex中actions异步修改

路由跳转传参的方式

单页面多页面区别优点

vue优点

最后附上一张自己亲手准备的图吧🤭。

Vue2和Vue3区别

无缓存，每次访问重新执行，消耗性能比较高。

但是也可以定义对象或者数组的数据类型，内部会通过reactive转化为proxy代理对象。ref通过object.defineProperty()的get和set实现数据的代理。ref操作数据需要.value访问，但是template中不需要使用.value。使用的是vue3中的proxy代理,并且通过Reflect操作源对象内部的数据。用来定义复杂数据类型的响应式数据【对象或者数组】reactive都不需要.value访问。用来定义基本数据类型。

route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name、meta、path、hash、query、params、fullPath、matched、redirectedFrom等。$router是路由信息对象，包括path、params 、hash、query、fullPath、matched、name等路由信息参数。一个 key/value 对象，包含了 动态片段 和 全匹配片段， 如果没有路由参数，就是一个空对象。

动态绑定input的value指向msg变量,并且在触发input事件的时候去动态把mmsg设置为目标值。本质上是一个父子传值，通过prop和$emit实现。在自定义组件中，v-model默认会利用value的prop和名字为input的事件。

v-on是否可以监听多个方法？可以可以不同的事件类型是可以监听多个的<input type="text" :value="name" @input="onInpu" @focus="xxx" @blur="xxx"/>但是同一事件类型得方法不可行，会报错