揭秘!Vue3.5响应式重构如何让内存占用减少56%-牛翰网

揭秘!Vue3.5响应式重构如何让内存占用减少56%

前言 Vue3.5版本又将响应式给重构了,重构后的响应式系统主要有两部分组成: 双向链表和 版本计数。我们在前两篇文章中我们已经讲过了 双向链表和 版本计数,这篇文章我们来讲讲为什么这次重构...
盘点Vue3 watch的一些关键时刻能够大显身手的功能-牛翰网

盘点Vue3 watch的一些关键时刻能够大显身手的功能

前言 watch这个API大家应该都不陌生,在Vue3版本中给watch增加不少有用的功能,比如deep选项支持传入数字、pause、resume、stop方法、once选项、onCleanup函数。这些功能大家平时都不怎么用得上...
面试官:来谈谈Vue3的provide和inject实现多级传递的原理-牛翰网

面试官:来谈谈Vue3的provide和inject实现多级传递的原理

前言 没有看过provide和inject函数源码的小伙伴可能觉得他们实现数据多级传递非常神秘,其实他的源码非常简单,这篇文章欧阳来讲讲provide和inject函数是如何实现数据多级传递的。ps:本文中使...
详解如何在nodejs项目中使用Vue的响应式API-牛翰网

详解如何在nodejs项目中使用Vue的响应式API

目录 前言 直接上代码 为什么可以这样写呢 总结 前言 vue3的响应式API大家应该都特别熟悉,比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式AP...
面试官:只知道v-model是:modelValue和@onUpdate语法糖,那你可以走了-牛翰网

面试官:只知道v-model是:modelValue和@onUpdate语法糖,那你可以走了

你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢?这一过程是在编译时还是运行时进行的呢?
10个月前
0377
5分钟搞定vue3函数式弹窗-牛翰网

5分钟搞定vue3函数式弹窗

前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹...
10个月前
0347
直接在*.vue文件(SFC)中使用JSX/TSX渲染函数,真香!-牛翰网

直接在*.vue文件(SFC)中使用JSX/TSX渲染函数,真香!

前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求,但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了,大多数同学的做法都...
10个月前
06315
你不知道的vue3:使用runWithContext实现在非 setup 期间使用inject-牛翰网

你不知道的vue3:使用runWithContext实现在非 setup 期间使用inject

前言 日常开发时有些特殊的场景需要在非 setup 期间调用inject函数,比如app中使用provide注入的配置信息需要在发送http请求时带上传给后端。对此我们希望不在每个发起请求的地方去修改,而是在...
10个月前
0437
有了Composition API后,有些场景或许你不需要pinia了-牛翰网

有了Composition API后,有些场景或许你不需要pinia了

前言 日常开发时有些业务场景功能很复杂,如果将所有代码都写在一个vue组件中,那个vue文件的代码量可能就几千行了,维护极其困难。这时我们就需要将其拆分为多个组件,拆完组件后就需要在不同...
10个月前
04312
没有虚拟DOM版本的vue(Vue Vapor)-牛翰网

没有虚拟DOM版本的vue(Vue Vapor)

前言 随着Svelte和SolidJS的流行,无虚拟DOM模式逐渐开始火了起来。vue也推出了无虚拟DOM模式的版本,就是我们今天要讲的Vue Vapor。 什么是Vue Vapor Vue Vapor是一个无虚拟DOM模式版本的vue。...
10个月前
0348