- 博客(16)
- 收藏
- 关注
原创 Vue3 defineModel 全面解析:彻底革新双向数据绑定
Vue 3.4 引入的 defineModel 宏简化了双向数据绑定,免去了手动定义 modelValue 和 update:modelValue 的繁琐步骤。通过该宏,开发者可以直接在子组件中使用 v-model 绑定,Vue 会自动处理必要的属性和事件。此外,defineModel 支持修饰符、多个 v-model 绑定和自定义 get 与 set 方法,提升了代码简洁性和可维护性。它还与 TypeScript 配合使用,提供类型安全的支持。
2025-02-14 14:18:21
621
原创 vue中的scope 是怎么做的样式隔离的【一文让你彻底了解scope 属性】
vue中的scope 是怎么做的样式隔离的【一文让你彻底了解scope 属性】
2024-12-31 15:02:31
601
原创 一文彻底搞懂>>>、/deep/、::v-deep、::v-deep()和:deep()的区别与用法
一文彻底搞懂>>>、/deep/、::v-deep、::v-deep()和:deep()的区别与用法
2024-12-24 11:28:39
1297
原创 vue+element实现试卷答题组件(支持单选,多选以及并带有答题进度)
vue+element实现简易试卷答题组件(支持单选,多选以及并带有答题进度,可以随时修改答案)
2024-11-20 14:10:04
653
1
原创 MySQL:最详细、最全的学习教程一(通过案例进行讲解)
本文是讲解MySQL中DQL查询单表中数据相关知识点,包括简单查询、条件查询、排序、单行函数、多行函数、分组和limit关键字来进行数据操作和管理。掌握这些功能能够帮助我们更好地使用MySQL进行数据处理和分析。
2024-10-26 17:05:42
1037
原创 一篇文章彻底搞懂JavaScript中深拷贝和浅拷贝
一文让你彻底搞懂什么是JavaScript 中深拷贝和浅拷贝的区别与实现方法。浅拷贝仅复制对象的第一层属性,引用类型属性共享同一地址,修改新对象时会影响原对象。常用方法包括 Object.assign() 和展开运算符 [...]。深拷贝则递归复制对象及其所有嵌套属性,确保新对象独立。实现方法包括 JSON.parse(JSON.stringify(obj)),适合简单对象;以及 structuredClone()
2024-09-27 17:24:59
1998
原创 jetbrains(WebStorm等) 最新版2024设置中文以及不生效解决办法
jetbrains(WebStorm、IDEA等) 最新版2024设置如何设置中文面板以及设置完成中文后不生效的解决办法
2024-09-25 10:49:58
9621
3
原创 前端必备工具函数和方法
前端工具函数集摘要本文汇总了前端开发中八个必备的工具函数与方法,包括:文本复制到剪切板:实现一键复制文本到用户剪切板的功能。日期天数计算:获取指定日期是当年的第几天。RGB灰度化:将RGB颜色转换为灰度值,基于光感加权平均算法。URL参数解析:从URL中解析并返回查询参数对象。对象属性筛选:根据条件筛选对象中的属性。随机HEX颜色:生成随机且有效的HEX颜色码。随机字符串生成:自定义长度和字符集的随机字符串生成器。去除字符串元素标记:从字符串中移除HTML或XML等标记,仅保留纯文本。
2024-09-20 17:06:30
267
原创 uniapp利用vue3语法使用并封装WebSocket(心跳检测、断线重连)
在本文中,我们将介绍如何利用Vue 3语法和Uniapp框架的uni.connectSocket方法来使用和封装WebSocket,实现心跳检测和断线重连的功能。WebSocket是一种在客户端和服务器之间进行实时双向通信的协议,利用它可以实现即时通讯、推送消息等功能。还会介绍如何实现单页面使用以及全局使用,心跳检测机制,以及断线重连的处理方法,确保WebSocket在网络不稳定的情况下能够保持稳定的连接。
2024-09-02 14:42:41
1424
原创 超详细的 | vue3组件之间的通信方式(二,兄弟组件)(全局事件总线mitt,$bus、provide和inject方法、pinia)
Vue3中,组件之间的通信方式也有了一些新的变化。本文将详细介绍三种Vue3,setup语法糖中兄弟组件之间通信的方式:全局事件总线mitt,$bus、provide和inject方法、以及pinia。
2024-08-30 14:04:24
2323
原创 超详细的 | vue3组件之间的通信方式(一)(父传子、子传父)一篇文章让你彻底搞懂如何传值
本文将简要介绍Vue3中父子组件之间的通信的方法(父传子、子传父)和技巧,帮助读者快速了解如何在Vue3中实现这种通信。通过props属性、自定义事件等方法,我们可以轻松地在Vue3中实现父子组件间的数据传递和事件触发。同时,本文还提供了一些实际的示例代码,帮助读者更好地理解和应用这些通信技术。
2024-08-29 16:09:59
7471
1
原创 vant4下拉选择器多选的封装
本文介绍了如何在Vue 3和Vant 4框架下实现一个支持多选和关键字搜索功能的下拉选择器组件。通过自定义封装,我们不仅可以方便地选择多个选项,还能通过输入关键字快速过滤选项,提升用户体验。本文将详细阐述组件的实现原理、代码结构和关键步骤,帮助读者快速掌握该组件的封装技巧,并可根据项目需求进行定制和优化。
2024-05-09 11:39:04
1533
原创 Element-ui组件,复制Drawer 抽屉里面的内容,鼠标光标不小心移到遮罩层后,鼠标释放抽屉以及遮罩层被关闭的解决方法
element-ui组件,Drawer 抽屉中复制里面的内容,或者鼠标光标全选里面的内容,鼠标光标不小心移到遮罩层后,鼠标释放抽屉以及遮罩层被关闭的解决方法
2023-09-07 17:34:43
1176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人