用这招监听 Vue 的插槽变化
最近,每当组件的内容(插槽、子组件等)发生变化时,我需要更新它的状态。对于上下文,它是一个表单组件,用于跟踪其输入的有效性状态。
阅读量: 82标签: 插槽
Vue源码剖析
什么是响应式数据:数据变了,视图能更新,反之视图更新,数据要不要更新,不归响应式数据管。Vue 在内部实现了一个最核心的defineReactive方法,借助了Object.defineProperty,核心就是劫持属性
阅读量: 17标签: 源码
在 Vue 中,使用 $attrs 构建高级组件
我们来看下 Vue3 中的 $attrs 属性。首先,我们会介绍它的用途以及它的实现与 Vue2 有哪些不两同点,并通过事例来加深对它的理解。
阅读量: 16标签: 组件
推荐12个开源的跨平台桌面项目
Electron 是一个基于 Chromium 和 Node.js,使用 HTML、CSS 和 JavaScript 来构建跨平台应用的跨平台开发框架,兼容 Mac、Windows 和 Linux。有很多知名的项目,比如 VS Code 和 Atom 都是使用 Electron 构建的
阅读量: 206标签: 开源
手把手教你实现一个常用的 antd form 组件
我们从官网摘下来一段Form代码,可以很清晰的看出一个简单的表单,主要是为了统一收集和校验组件的值。那么它是如何做到统一收集和校验呢?原理很简单,只需要通过监听表单组件的onChange事件,获取表单项的 value
阅读量: 32标签: 组件
如何解决Vue在渲染函数之外调用插槽的问题
本文本中,将会解释这个错误背后的原因以及如何解决这个问题。插槽的调用需要发生在渲染函数或模板中。要抑制这个错误,我们只需要把代码移到一个计算的属性或从模板或渲染函数中调用的方法中。
阅读量: 29标签: 插槽
在UniApp的H5项目中,生成二维码和扫描二维码的操作处理
在我们基于UniApp的H5项目中,需要生成一些二维码进行展示,另外也需要让用户可以扫码进行一定的快捷操作,本篇随笔介绍一下二维码的生成处理和基于H5的扫码进行操作。二维码的生成,使用了JS文件weapp-qrcode.js进行处理
阅读量: 24标签: 二维码
react使用sass
较新的版本不需要配置sass-loader等一系列插件,安装即用。更改app.css为app.scss,并删除其中全部内容,使用如下代码替换app.tsx中的内容
阅读量: 27标签: sass
从UseEffect看React、Vue设计理念的不同
我们知道,React发布Hooks后,带来了业界一波Hooks热。很多框架(比如Vue Composition API、Solid.js)都借鉴了Hooks的模式。但是,即使这些框架都借鉴了Hooks,但由于框架作者的理念不同,发展方向也逐渐不同。
阅读量: 343标签: React
vue3中defineComponent 的作用
vue3中,新增了 defineComponent ,它并没有实现任何的逻辑,只是把接收的 Object 直接返回,它的存在是完全让传入的整个对象获得对应的类型,它的存在就是完全为了服务 TypeScript 而存在的。
阅读量: 54标签: 组件
面试官的步步紧逼:Vue2 和 Vue3 的响应式原理比对
技术栈是 Vue 的同学,在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较,面试官是步步紧逼,一环扣一环。
阅读量: 60标签: 面试
npm,pnpm,yarn,npx的那些事儿
最早发布的包管理器是 npm,他在 2010 年 1 月就已经发布了。它确立了包管理器工作的核心原则。npm 的发布诞生了一场革命,在此之前,项目依赖项都是手动下载和管理的。
阅读量: 61标签: npm