Vue3 变量的访问控制与实现最佳化
Vue 提供了一种解决方案,跨越使用shallowRef并shallowReactive来绕过深度响应。shallow API 的状态只在第一层是响应方式的,对所有深度的对象不会做任何处理。这使得对深度属性的访问变得更快,但是我们必须将所有深度对象的属性视为不可变(不可变)
阅读量: 57标签: Vue3
vue3的宏到底是什么东西?
从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏?
阅读量: 206标签: Vue3
Vue 3.4 正式版发布,带来多项更新
12 月 28 日,Vue 3.4 正式版发布,代号为“Slam Dunk”,即灌篮高手。据尤大接收,这个版本进行了许多重要的内部改进,其中最引人瞩目的是重写的模板解析器。新的解析器将速度提高了 2 倍,显著提升了整体性能。
阅读量: 280标签: Vue3
VueUse 是怎么封装Vue3 Provide/Inject 的?
Provide 和 Inject 可以解决 Prop 逐级透传问题。注入值类型不会使注入保持响应性,但注入一个响应式对象,仍然有响应式的效果。Provide 的问题是无法追踪数据的来源
阅读量: 275标签: Vue3
【Vue3】如何封装一个超级好用的 Hook !
本文将通过介绍什么是 Hook、如何在 Vue 使用 Hook,以及在实践场景中如何封装自己的 Vue Hook,带你走进 Hook 的世界,写出更优雅的代码。如果你觉得这篇文章写的不错
阅读量: 329标签: Vue3
6个高级Vue3知识技巧
Vue 3是一个非常流行的前端框架,广泛应用于大型互联网企业和个人项目。 虽然我们已经熟悉了一些常见的 Vue 3 知识,但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。
阅读量: 310标签: Vue3
Vue 3.3.9大更新:编译速度飞跃,开发效率翻倍!
11 月 25 日,Vue 发布了 3.3.9 版本,该版本除了解决了一些 Bug 之外,最重要的是对编译器性能进行了优化,使得编译速度大幅提升,下面就来详细看一下吧!
阅读量: 347标签: Vue3
学会这几个常用功能,给你的 vue3 项目加点餐!
自动注册components目录下所有vue组件并以组件的文件名为组件的名称,使用 import.meta.glob 动态导入所有以 .vue 结尾的文件,并将它们作为键值对的形式存储在 components 变量中。
阅读量: 315标签: vue3
十分钟,带你了解 Vue3 的新写法
最近因为项目需要,不得不学习一下 Vue3。于是花了 4 个小时,把 Vue3 过了一遍。现在我来带你快速了解 Vue3 的写法。本文的目的,是为了让已经有 Vue2 开发经验的 人 ,快速掌握 Vue3 的写法。
阅读量: 1.1k标签: Vue3
React18 与 Vue3 全方面对比
Vue 给我们提供了很多的指令功能,而这些功能在 React 中基本都需要我们使用原生 js 来实现。所以会有很多人说: 使用 Vue 实际上你就是在操作 Vue,使用 React 实际上你是在操作 js。
阅读量: 710标签: Vue3
Vue 3.3 新特性前瞻和简单评价
虽然3.3当前还处于beta阶段但是其带来的一些特性十分激动人心,就在这里简单的给大家带来新特性的前瞻,为以后的升级简单做准备。泛型组件支持Vue一直以来都是没办法很好的实现泛型组件,终于在3.3版本增加了这一功能。
阅读量: 807标签: Vue3
开始使用 Vue 3 时要避免的 10 个错误
Vue 3 已经稳定了一段时间了。许多代码库在生产中使用它,其他所有人最终都必须迁移。我有机会使用它并跟踪我的错误,你可能想避免这些错误。
阅读量: 697标签: Vue3
我相信这是vue3复用代码的正确姿势!
vue2 使用 mixins 进行代码复用所带来的问题,引出了vue3如何进行代码复用。介绍 组合式 API (Composition API) 以及为什么需要 组合式 API, 什么是 组合式函数 通过一个例子让大家了解了 组合式函数 的用法。
阅读量: 1.1k标签: vue3
在Vue3这样子写页面更快更高效
在开发管理后台过程中,一定会遇到不少了增删改查页面,而这些页面的逻辑大多都是相同的,如获取列表数据,分页,筛选功能这些基本功能。而不同的是呈现出来的数据项。还有一些操作按钮。
阅读量: 619标签: Vue3
Vue3.0里为什么要用 Proxy API 替代 defineProperty API ?
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象;通过defineProperty 两个属性,get及set
阅读量: 705标签: Vue3