看不懂来打我,vue3如何将template编译成render函数-牛翰网

看不懂来打我,vue3如何将template编译成render函数

前言 在之前的 通过debug搞清楚.vue文件怎么变成.js文件 文章中我们讲过了vue文件是如何编译成js文件,通过那篇文章我们知道了,template编译为render函数底层就是调用了@vue/compiler-sfc包暴...
10个月前
01157
揭秘!Vue3.5响应式重构如何让内存占用减少56%-牛翰网

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

前言 Vue3.5版本又将响应式给重构了,重构后的响应式系统主要有两部分组成: 双向链表和 版本计数。我们在前两篇文章中我们已经讲过了 双向链表和 版本计数,这篇文章我们来讲讲为什么这次重构...
vue3编译优化之“静态提升”-牛翰网

vue3编译优化之“静态提升”

本文讲了vue3是如何实现编译优化之“静态提升”,静态节点无需每次执行render函数都去生成一次虚拟DOM
10个月前
07111
vue3的defineAsyncComponent是如何实现异步组件的呢?-牛翰网

vue3的defineAsyncComponent是如何实现异步组件的呢?

这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的
10个月前
0655
面试官:来谈谈Vue3的provide和inject实现多级传递的原理-牛翰网

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

前言 没有看过provide和inject函数源码的小伙伴可能觉得他们实现数据多级传递非常神秘,其实他的源码非常简单,这篇文章欧阳来讲讲provide和inject函数是如何实现数据多级传递的。ps:本文中使...
直接在*.vue文件(SFC)中使用JSX/TSX渲染函数,真香!-牛翰网

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

前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求,但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了,大多数同学的做法都...
10个月前
06215
欧阳坚持每周一篇高质量文章,半年后收入1380.27元-牛翰网

欧阳坚持每周一篇高质量文章,半年后收入1380.27元

欧阳坚持每周更新一篇高质量文章半年后的收益:收入1380.27元、电子书一本、微信技术群418人、微信好友459人、文章38篇
10个月前
0545
卧槽,WebStorm现在免费啦!-牛翰网

卧槽,WebStorm现在免费啦!

就在昨天1024程序员节,JetBrains突然宣布WebStorm现在对非商业用途免费啦。以后大家再也不用费尽心思的去找破解方法了,并且公告中的关于非商业用途定义也很有意思。
涨见识了!脱离vue项目竟然也可以使用响应式API-牛翰网

涨见识了!脱离vue项目竟然也可以使用响应式API

前言 vue3的响应式API大家应该都特别熟悉,比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API,今天欧阳给大家带来一些不一样的。脱离vue项...
10个月前
05410
彻底搞清楚vue3的defineExpose宏函数是如何暴露方法给父组件使用-牛翰网

彻底搞清楚vue3的defineExpose宏函数是如何暴露方法给父组件使用

前言 众所周知,当子组件使用setup后,父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章...
10个月前
05314