vue3
文章平均质量分 68
周星星日记
此人很懒,只会敲代码
展开
-
vue3中v-model的绑定
这也可以作为 .sync 修饰符的替代,而且允许我们在自定义组件上使用多个 v-model。传递一个参数,以作为组件内 model 选项的替代。在 3.x 中,自定义组件上的。prop 并接收抛出的。的名称,现在我们可以为。原创 2024-04-25 16:46:15 · 497 阅读 · 0 评论 -
Vue3全局Api应用实例
这些 property 将被复制到应用中,作为实例化组件的一部分。通常用于添加所有组件都能访问的 property。返回一个应用实例,一个 Vue 3 中的新概念。初始化后,应用实例 app 可通过。在 Vue 3 中与之对应的是。在 Vue 2 中,原创 2024-04-25 10:57:01 · 268 阅读 · 2 评论 -
利用AbortController,取消正在发送的请求
参考文章:https://blog.csdn.net/qq_45560350/article/details/130588101。解决问题:再图层中点击仓库的时候,点击后又取消掉,我们希望这个请求可以被取消掉,我们口可以利用。2.我们的请求,要在请求体里面添加上这个属性。1.再请求前创造一个构造器。原创 2024-04-11 09:41:28 · 326 阅读 · 0 评论 -
一文搞懂Vue3中如何使用ref获取元素节点?
前言虽然在 Vue 中不提倡我们直接操作 DOM,毕竟 Vue 的理念是以数据驱动视图。但是在实际情况中,我们有很多需求都是需要直接操作 DOM 节点的,这个时候 Vue 提供了一种方式让我们可以获取 DOM 节点:ref 属性。ref 属性是 Vue2 和 Vue3 中都有的,但是使用方式却不大一样,这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑。今天我们就来揭开 Vue3 中 ref 的神秘面纱!原创 2024-01-17 10:32:57 · 6869 阅读 · 1 评论 -
vue3源码之reactiveApi实现
Proxy对象对于创建一个对象的代理,也可以理解成为在对象前面设了一层拦截,可以实现基本操作的拦截和一些自定义操作(比如一些赋值,属性查找,函数调用等)用法: let proxy = new Proxy(target,handler)target:目标对象(即将进行改造的对象)handler:一些自定义操作(比如vue中的getter和setter。原创 2023-07-11 09:55:22 · 126 阅读 · 0 评论 -
vue3源码学习:打包流程实现
vue3劫持数据采用`proxy`,vue2数据劫持采用`defineProperty`,`defineProperty`有性能缺陷问题vue3中对模块编译进行了优化,编译时生成了Block tree,可以对子节点的动态节点进行收集,可以减少比较,并且采用`patchFlag`标记动态节点 vue3采用`compositionApi`进行组织功能,解决反复横跳,优化复用逻辑(mixin带来数据来源不清晰,命名冲突等),相比`optionsApi`类型推断更加方便原创 2022-12-06 10:54:47 · 1967 阅读 · 0 评论