掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(上)-牛翰网

掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(上)

这篇我们来讲讲使用了scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x]
11个月前
03810
面试官:只知道v-model是:modelValue和@onUpdate语法糖,那你可以走了-牛翰网

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

你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢?这一过程是在编译时还是运行时进行的呢?
11个月前
0377
面试官:来说说vue3是怎么处理内置的v-for、v-model等指令?-牛翰网

面试官:来说说vue3是怎么处理内置的v-for、v-model等指令?

前言 最近有粉丝找到我,说被面试官给问懵了。 粉丝:面试官上来就问“一个vue文件是如何渲染成浏览器上面的真实DOM?”,当时还挺窃喜这题真简单。就简单说了一下先是编译成render函数、然后根...
11个月前
03710
盘点Vue3 watch的一些关键时刻能够大显身手的功能-牛翰网

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

前言 watch这个API大家应该都不陌生,在Vue3版本中给watch增加不少有用的功能,比如deep选项支持传入数字、pause、resume、stop方法、once选项、onCleanup函数。这些功能大家平时都不怎么用得上...
70%的人都答错了的面试题,vue3的ref是如何实现响应式的?-牛翰网

70%的人都答错了的面试题,vue3的ref是如何实现响应式的?

最近在我的vue源码交流群有位面试官分享了一道他的面试题:vue3的ref是如何实现响应式的?下面有不少小伙伴回答的是Proxy,其实这些小伙伴只回答对了一半。
11个月前
03614
Vue3.5中解构props,让父子组件通信更加丝滑-牛翰网

Vue3.5中解构props,让父子组件通信更加丝滑

前言 在Vue3.5版本中响应式 Props 解构终于正式转正了,这个功能之前一直是试验性的。这篇文章来带你搞清楚,一个String类型的props经过解构后明明应该是一个常量了,为什么还没丢失响应式呢?...
看不懂来打我!让性能提升56%的Vue3.5响应式重构-牛翰网

看不懂来打我!让性能提升56%的Vue3.5响应式重构

在Vue3.5版本中最大的改动就是响应式重构,重构后性能竟然炸裂的提升了56%。之所以重构后的响应式性能提升幅度有这么大,主要还是归功于:双向链表和版本计数
5分钟搞定vue3函数式弹窗-牛翰网

5分钟搞定vue3函数式弹窗

前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹...
11个月前
0347
有点东西,template可以直接使用setup语法糖中的变量原来是因为这个-牛翰网

有点东西,template可以直接使用setup语法糖中的变量原来是因为这个

你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢?setup语法糖是如何编译成setup函数的呢?
11个月前
03415
vue3早已具备抛弃虚拟DOM的能力了-牛翰网

vue3早已具备抛弃虚拟DOM的能力了

前言 jquery时代更新视图是直接对DOM进行操作,缺点是频繁操作真实 DOM,性能差。react和vue时代引入了虚拟DOM,更新视图是对新旧虚拟DOM树进行一层层的遍历比较,然后找出需要更新的DOM节点进...
11个月前
0345