程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue3 中的 Teleport 组件支持哪些传送目标?
编程
Vue3 中的 Teleport 组件支持哪些传送目标?
2024-11-18 11:33:41 +0800 CST
view 1623
在Vue3中,Teleport组件允许开发者将子组件或内容放置在DOM树中的任何位置,支持多种传送目标。常见的目标包括父组件中的特定位置、指定的DOM元素以及`body`元素,适用于模态框和全局通知等场景。通过灵活使用Teleport组件,开发者可以实现更加灵活的布局和组件设计,提升用户体验。
前端开发
Vue.js
组件设计
Wot UI:star,80+组件!官方Skill加持的uni-app多端组件库,轻量美观
案例
Wot UI:star,80+组件!官方Skill加持的uni-app多端组件库,轻量美观
2026-05-09 10:31:38 +0800 CST
view 859
Wot UI:star,80+组件的uni-app多端组件库。覆盖微信/支付宝/钉钉/H5/APP,使用TypeScript构建,支持CSS变量主题定制和暗黑模式,内置15种语言包。最亮眼的是官方Skill文件,可直接加载到Cursor/Claude Code等AI编码助手,让AI生成符合组件规范的代码。vs TDesign:uni-app版本bug多,Wot UI更稳定实用。
uni-app
组件库
多端开发
TypeScript
CSS变量
暗色模式
国际化
小程序
H5
APP
开源
AI Skill
UI框架
Vue3中的v-slot指令有什么改变?
编程
Vue3中的v-slot指令有什么改变?
2024-11-18 07:32:50 +0800 CST
view 1638
Vue3中的v-slot指令经历了重要改变,采用简化语法`#`表示具名插槽,简化默认插槽的定义,并允许动态插槽名的绑定。这些变化使得插槽的使用更加直观和灵活,保留了v-slot的强大功能,提升了开发者在复杂组件中的内容管理能力。
Vue
前端开发
组件
Vue3中的组件通信方式有哪些?
编程
Vue3中的组件通信方式有哪些?
2024-11-17 04:17:57 +0800 CST
view 1687
本文介绍了Vue3中多种组件通信方式,包括Props和Events、Provide/Inject、Teleport以及Composables。通过示例代码,展示了如何在父子组件间传递数据、如何使用Provide和Inject进行祖先与后代组件的数据共享,以及Teleport如何将组件内容渲染到DOM的其他位置。开发者可以根据需求选择合适的通信方式,以提高代码的可维护性和复用性。
前端开发
Vue
组件
Vue组件通信全攻略:多层嵌套轻松搞定
编程
Vue组件通信全攻略:多层嵌套轻松搞定
2025-06-22 18:51:59 +0800 CST
view 1261
本文总结了Vue组件通信的多种方案,包括父子组件通信、属性透传、跨层注入、任意组件通信和状态集中管理。通过具体代码示例,展示了如何在不同场景下高效地传递数据和事件,帮助开发者提升代码质量与可维护性。
Vue
前端开发
组件设计
编程
Shadcn UI:这个 82.7k Star 的神器,正在超越传统组件库!
2025-06-28 17:04:58 +0800 CST
view 1590
ShadcnUI是一个新兴的前端组件库,具有源码自由、原子级组件架构和原生主题切换等革命性特点。与传统组件库相比,它在打包体积、定制难度和加载时间上表现优异,适合企业级应用。支持TailwindCSS和RadixUI,提供高性能的智能表单和数据表格,越来越多的大型项目正在采用ShadcnUI,代表了组件库的未来趋势。
前端开发
组件库
Web技术
性能优化
开源
编程
一个好用的Vue3下拉框组件省市区联动的操作
2024-11-19 07:37:53 +0800 CST
view 2078
本文分享了一个实用的Vue3下拉框组件,简化了省市区联动的操作。通过安装依赖包v-region并在页面中引入,开发者可以轻松实现4级下拉框的功能,并通过@change事件监听数据变化。组件支持自定义显示级别,提升了开发效率,适用于日常开发中的多种场景。
前端开发
Vue
组件
Vue3中的Teleport组件是用来做什么的?
编程
Vue3中的Teleport组件是用来做什么的?
2024-11-18 09:35:36 +0800 CST
view 1624
Vue3中的Teleport组件允许将元素移动到DOM中的不同位置,而不改变它们在组件树中的逻辑位置。它适用于模态框、下拉菜单和通知等场景,确保这些元素在视觉上正确显示,同时保持其逻辑结构不变。通过示例代码展示了如何使用Teleport组件来创建模态框,并控制其显示与隐藏。
前端开发
Vue.js
组件
编程
前端动画神器 Uiverse.io:复制粘贴即可为所欲为!
2025-07-07 17:55:15 +0800 CST
view 1716
Uiverse.io是一个为前端开发者提供的动画组件库,包含4000+个精美的CSS动效组件示例,如按钮、输入框、提示框等,支持原生CSS和TailwindCSS。用户只需复制粘贴代码即可使用,且网站也为学习CSS动画提供了丰富的素材和示例,帮助开发者提升用户体验和设计能力。
前端开发
动画
组件库
用户体验
学习资源
请解释一下Vue中的mixins和extends是如何区别和使用的
编程
请解释一下Vue中的mixins和extends是如何区别和使用的
2024-11-18 14:43:51 +0800 CST
view 1469
在Vue中,mixins和extends是用于复用和扩展组件逻辑的两种方式。mixins允许多个组件共享相同的逻辑,而extends则用于创建组件之间的继承关系。通过使用mixins,可以提高代码的可复用性和可维护性;而extends则适合在已有组件基础上进行扩展。选择合适的方式有助于更好地组织Vue组件的代码。
Vue
前端开发
组件设计
微信小程序开发资源汇总
编程
微信小程序开发资源汇总
2026-05-11 16:11:29 +0800 CST
view 634
本文档汇总了微信小程序开发的官方资源(设计指南、开发教程、框架、组件、API、开发者工具)以及丰富的第三方工具、插件、组件和后端SDK。
微信小程序
开发资源
前端框架
UI组件
Demo示例
工具插件
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
编程
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
2025-07-25 19:33:08 +0800 CST
view 1452
本文介绍了如何使用`@uni-ku/root`插件为uni-app提供根组件支持,使其能够像Vue一样使用App.vue。通过该插件,开发者可以轻松集成全局组件,如Toast、Loading等,解决了uni-app中全局状态共享和组件挂载的痛点。文章还提供了详细的安装和配置步骤,以及示例代码,帮助开发者更好地使用uni-app。
uni-app
Vue
前端开发
插件
组件
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
编程
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
2024-11-17 19:52:50 +0800 CST
view 1398
在Vue.js中,依赖注入是一种设计模式,通过`provide`和`inject`实现组件之间的松耦合。父组件可以提供数据或方法,子组件无需通过`props`逐级传递即可使用。这种方式简化了组件通信,解耦了组件,提高了可复用性和可维护性。依赖注入广泛应用于全局配置和插件开发,掌握其原理和应用场景对提高开发效率至关重要。
Vue.js
设计模式
前端开发
组件
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1625
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
2024-11-18 18:41:20 +0800 CST
view 1566
Vue中的作用域插槽是一种特殊的插槽类型,允许父组件接收子组件传递的数据并动态渲染内容。通过`v-slot`指令,父组件可以定义插槽并使用子组件提供的数据。示例中,父组件通过`slotProps`渲染子组件传递的`data`,实现了灵活的组件复用和渲染控制。作用域插槽为构建复杂组件提供了更高的灵活性和复用性。
前端开发
Vue.js
组件设计
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1452
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
Vue 中的 $attrs 和 $listeners 对象有什么作用?
编程
Vue 中的 $attrs 和 $listeners 对象有什么作用?
2024-11-18 08:20:40 +0800 CST
view 1597
本文详细介绍了Vue.js中的`$attrs`和`$listeners`对象的作用及使用方法。`$attrs`用于传递父组件未声明为`props`的属性到子组件内部,而`$listeners`用于将子组件的事件监听器传递给父组件。通过合理运用这两个对象,可以增强组件的灵活性和可复用性。
Vue
前端开发
组件通信
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2852
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
编程
Vue3如何引入SVG图标?一篇文章快速学会!
2024-11-18 09:39:49 +0800 CST
view 1705
本文介绍了如何在Vue3项目中引入SVG图标,包括SVG的基本概念、下载图标的方法、安装和配置相关插件,以及如何封装和使用SVG图标组件。通过示例代码,读者可以快速掌握在Vue3中使用SVG图标的技巧,满足特定项目的需求。
前端开发
Vue
SVG图标
组件库
技术教程
Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性
编程
Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性
2024-11-19 07:51:32 +0800 CST
view 2259
本文详细讨论了如何在Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性。通过示例代码,展示了创建项目、定义组件、注册组件及在其他组件中使用的具体步骤,强调了全局组件在提高代码复用性和维护性方面的重要性。
前端开发
Vue框架
组件设计
如何在Vue3中实现子组件向父组件传递数据
编程
如何在Vue3中实现子组件向父组件传递数据
2024-11-19 09:39:54 +0800 CST
view 1899
本文详细讲解了如何在Vue3中实现子组件向父组件传递数据,介绍了使用自定义事件和新的API`defineEmits`的方法。通过具体示例代码,展示了父组件和子组件的实现,以及如何通过事件传递数据。还讨论了更复杂的组件通信方式,如全局事件总线和组合式API,强调了在Vue3中掌握组件间数据传递的重要性。
前端开发
Vue框架
组件通信
编程教程
综合
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计
2024-11-19 09:42:01 +0800 CST
view 2274
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计。它提供了多种实用组件和免费页面模板,支持原生小程序和uniapp。用户可以通过简单的配置使用自定义导航栏和各种组件,提升开发效率和界面美观度。
UI组件
小程序开发
前端框架
开源项目
设计
如何在Vue中创建和使用一个简单的自定义组件
编程
如何在Vue中创建和使用一个简单的自定义组件
2024-11-19 05:37:56 +0800 CST
view 1649
本文详细介绍了如何在Vue3中创建和使用一个简单的自定义组件,包括项目创建、组件结构、逻辑和样式的解析,以及如何在主应用中使用该组件。还探讨了Vue3的一些强大特性,如组合式API和动态组件,旨在帮助开发者掌握Vue3的基础知识,以便在实际项目和面试中应用。
前端开发
Vue.js
JavaScript
组件
技术教程
告别PS!Vue-Cropper终极指南:在Web端实现专业级图片裁剪与优化
编程
告别PS!Vue-Cropper终极指南:在Web端实现专业级图片裁剪与优化
2025-09-01 07:37:45 +0800 CST
view 1289
Vue-Cropper是一个基于Vue.js的图片裁剪组件,提供零依赖的前端解决方案,支持自由裁剪和固定比例裁剪,具备高性能和响应式设计。本文深入解析其核心功能、安装步骤及高级API,帮助开发者在Web端实现专业级图片裁剪与优化,提升用户体验。
前端开发
图片处理
Vue.js
用户体验
组件
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
55
下一页