Vue 相关技术文章（第3页）

php mysql shell go vue css api接口对接支付接口对接

有审美、有边界感：FlecBlog 现代化全栈博客系统深度解析

有审美、有边界感：FlecBlog 现代化全栈博客系统深度解析
2026-05-04 10:13:06
FlecBlog是一个基于Go语言开发的三端分离全栈博客系统，采用Go 1.25+Gin+Vue 3+Nuxt 4技术栈，支持Docker一键部署，适合个人技术博客和内容型产品
Go语言全栈博客 Vue Nuxt PostgreSQL Docker

Vue Native超级进化！Vue Lynx让移动端开发进入新阶段

Vue Native超级进化！Vue Lynx让移动端开发进入新阶段
2026-04-28 09:10:57
字节跳动开源Vue Lynx——Lynx跨端引擎的官方Vue3绑定，可用标准Vue3+SFC编写真正原生iOS/Android应用（非WebView）。双线程架构、原生控件渲染、性能对标Flutter，开发体验对标标准Vue3。
Vue 移动开发跨端框架字节跳动前端

Uni-app 也能像 Vue 一样用 App.vue？这款插件做到了！

Uni-app 也能像 Vue 一样用 App.vue？这款插件做到了！
2025-07-25 19:33:08
本文介绍了如何使用`@uni-ku/root`插件为uni-app提供根组件支持，使其能够像Vue一样使用App.vue。通过该插件，开发者可以轻松集成全局组件，如Toast、Loading等，解决了uni-app中全局状态共享和组件挂载的痛点。文章还提供了详细的安装和配置步骤，以及示例代码，帮助开发者更好地使用uni-app。
uni-app Vue 前端开发插件组件

Vue3 实现页面上下滑动方案

Vue3 实现页面上下滑动方案
2025-06-28 17:07:57
在Vue3项目中实现页面上下滑动的方案包括使用滚动容器和监听滚动事件、使用原生事件监听、应用防抖或节流优化性能、实现触底加载更多内容，以及使用第三方无缝滚动组件库。关键在于设置正确的滚动容器、监听滚动事件、优化性能和满足特定需求。
前端开发 Vue 用户体验性能优化

Vue Vben Admin：28.6k Star 的 Vue3 中后台模板王者

Vue Vben Admin：28.6k Star 的 Vue3 中后台模板王者
2025-06-28 16:54:53
VueVbenAdmin是一个基于Vue3、TypeScript和Vite的现代中后台管理面板，拥有28.6kStar。该项目提供了多种核心特性，如动态权限控制、国际化支持和多主题定制，适合实际生产项目和学习参考。当前版本为v5.0，具有显著的性能和可维护性提升。欢迎开发者参与贡献，项目地址和在线预览可在文中找到。
前端开发开源 Vue 管理系统技术栈

Vue组件通信全攻略：多层嵌套轻松搞定

Vue组件通信全攻略：多层嵌套轻松搞定
2025-06-22 18:51:59
本文总结了Vue组件通信的多种方案，包括父子组件通信、属性透传、跨层注入、任意组件通信和状态集中管理。通过具体代码示例，展示了如何在不同场景下高效地传递数据和事件，帮助开发者提升代码质量与可维护性。
Vue 前端开发组件设计

快速提升Vue3开发者的效率和界面

快速提升Vue3开发者的效率和界面
2025-05-11 23:37:03
本文介绍了两个开源库，VueHooksPlus和InspiraUI，旨在提升Vue3开发者的效率和界面表现力。VueHooksPlus提供高性能的Hooks工具，支持状态管理和异步请求处理，兼容SSR和TypeScript。InspiraUI则是一个动画组件库，提供丰富的动画效果和高度可定制的组件，适用于Vue3和Nuxt.js。结合使用这两个库，可以打造出优秀的用户体验。
Vue 开源库前端开发用户界面开发工具

Vue 3 或 Nuxt 项目中快速实现炫酷的动画效果

Vue 3 或 Nuxt 项目中快速实现炫酷的动画效果
2025-05-11 23:31:07
InspiraUI是一款专为Vue3和Nuxt开发者打造的开源动画组件库，结合了TailwindCSS和@vueuse/motion，旨在帮助开发者快速构建高质量、视觉吸引力强的现代网站。它支持丰富的动画组件和高度可定制的样式，确保快速加载和流畅运行，适用于SPA和SSR项目，欢迎社区贡献和反馈。
前端开发开源项目动画效果 Vue Nuxt

Vue3 组件通信详解：父传子、子传父与兄弟组件通信

Vue3 组件通信详解：父传子、子传父与兄弟组件通信
2025-03-21 08:45:59
本文详细讲解了Vue3中组件之间的通信方式，包括父传子、子传父和兄弟组件通信。通过示例代码展示了如何使用Props和Emit进行父子组件通信，以及通过父组件中转、事件总线、Pinia和Provide/Inject实现兄弟组件之间的通信。每种方式都有其优缺点和适用场景，适合不同规模的应用程序。
Vue 前端开发组件

总结出30个代码前端代码规范

总结出30个代码前端代码规范
2024-11-19 07:59:43
本文总结了30个Vue3及Element-plus的前端代码规范，涵盖目录、模块、组件、事件等方面。这些规范旨在提高代码的一致性、可读性和维护性，特别适用于多人协作的项目。规范包括命名方式、组件结构、事件命名等，强调使用工具如eslint和prettier来保持代码风格的一致性。
前端 Vue 开发规范

为什么vue:deep、/deep/、>>>样式能穿透到子组件

为什么vue:deep、/deep/、>>>样式能穿透到子组件
2024-11-19 05:20:55
本文探讨了在Vue中使用`scoped`样式时，如何通过`deep`、`/deep/`和`>>>`符号修改外部组件的样式。介绍了这些符号的用法、效果及其在Vue3中的弃用情况，建议使用`:deep()`替代。同时分析了嵌套`deep`的有效性及其源码解析，指出`deep`不支持嵌套。最后鼓励读者关注开源项目。
Vue 前端开发样式管理

写Vue大篇幅的ref、computed，而reactive为何少见？

写Vue大篇幅的ref、computed，而reactive为何少见？
2024-11-18 21:26:50
在Vue3开发中，使用ref和computed的频率较高，但reactive相对较少。ref用于简单值的响应式引用，computed用于依赖其他响应式数据的动态计算，而reactive适用于对象的深层响应式。通过将复杂逻辑封装到外部模块，可以简化组件的复杂度，提高可维护性。
Vue 前端开发响应式编程

Vue3 vue-office 插件实现 Word 预览

Vue3 vue-office 插件实现 Word 预览
2024-11-19 02:19:34
本文介绍了如何在Vue3项目中使用vue-office插件实现Word文档的预览功能。通过创建Vue3项目、安装vue-office插件、设置响应式数据、使用组件以及实现文件上传预览，用户可以方便地展示Word文档。代码示例详细展示了每个步骤的实现方式。
前端开发 Vue 文档处理

Vue3 自定义 `ref` —— `customRef` 的使用

Vue3 自定义 `ref` —— `customRef` 的使用
2024-11-18 10:05:40
本文介绍了Vue3中`customRef`API的使用，解释了其在控制响应式数据更新时的优势，特别是实现延迟更新的功能。通过示例代码，展示了如何创建一个带有延迟更新的`ref`，并将其封装为可复用的Hook，简化开发过程。`customRef`使得开发者能够灵活控制数据的读取和写入时机，提升响应式数据的使用效率。
Vue 前端开发 JavaScript

Vue3 结合 Driver.js 实现新手指引

Vue3 结合 Driver.js 实现新手指引
2024-11-18 19:30:14
本文介绍了如何使用Driver.js库在Vue3中实现新手指引功能。通过高亮页面元素并提供文字提示，用户可以更好地熟悉系统操作。文中详细描述了Driver.js的安装、样式引入、引导流程的创建及按钮文字的修改等步骤，提供了代码示例以帮助开发者实现灵活的指引流程。
前端开发用户体验 JavaScript Vue 引导

一个好用的Vue3下拉框组件省市区联动的操作

一个好用的Vue3下拉框组件省市区联动的操作
2024-11-19 07:37:53
本文分享了一个实用的Vue3下拉框组件，简化了省市区联动的操作。通过安装依赖包v-region并在页面中引入，开发者可以轻松实现4级下拉框的功能，并通过@change事件监听数据变化。组件支持自定义显示级别，提升了开发效率，适用于日常开发中的多种场景。
前端开发 Vue 组件

在Vue3中使用`v-model`时，如何处理输入法编辑器（IME）输入导致的数据同步问题

在Vue3中使用`v-model`时，如何处理输入法编辑器（IME）输入导致的数据同步问题
2024-11-18 08:56:18
本文探讨了在Vue3中使用`v-model`时，如何处理输入法编辑器（IME）输入导致的数据同步问题。通过监听`compositionstart`、`compositionupdate`和`compositionend`事件，结合`input`事件，可以确保在组合输入过程中数据的实时更新，从而提升用户体验。
前端开发 Vue 用户体验

Vue 3 中的 Watch 实现及最佳实践

Vue 3 中的 Watch 实现及最佳实践
2024-11-18 22:18:40
本文详细介绍了Vue3中的`watch`、`watchEffect`和`onWatcherCleanup`API，探讨了它们的实现原理、使用方法及最佳实践。通过示例代码，展示了如何监听响应式数据变化、处理副作用以及注册清理逻辑，帮助开发者更好地管理数据变化和副作用，提高开发效率。
Vue 前端开发 JavaScript 响应式编程编程实践

Vue 中 ref 和 reactive 如何实现响应式数据

Vue 中 ref 和 reactive 如何实现响应式数据
2024-11-19 04:03:23
本文分析了Vue中`ref`和`reactive`的实现及其优势。`ref`提供灵活性和模板中的便利性，适合处理单个值的响应式；而`reactive`则支持深度响应性，适合复杂对象的操作。两者的使用场景和访问方式有所不同，`ref`需要通过`.value`访问，而`reactive`可以直接访问属性。文章还探讨了它们的响应式原理和适用场景。
Vue 前端开发响应式编程

Web 端 Office 文件预览工具库

Web 端 Office 文件预览工具库
2024-11-18 22:19:16
vue-office是一个支持多种文件预览的Vue插件工具库，能够处理Word、Excel、PDF等各类Office文件，兼容Vue2、Vue3及其他非Vue框架，支持在线地址和上传文件的预览。提供了安装和使用示例，支持多种文件格式的配置和事件监听功能。
前端 Vue 文件处理插件开源

在 Vue 中实现二维码生成和扫描功能

在 Vue 中实现二维码生成和扫描功能
2024-11-18 21:13:07
本文详细介绍了如何在Vue3中实现二维码的生成和扫描功能，包括必要的库安装、示例代码和详细步骤。通过使用`qrcode`库生成二维码和`@zxing/library`库进行二维码扫描，读者可以掌握这一实用技能，提升在前端开发中的竞争力。
前端开发二维码 Vue

使用 `<script setup>` 语法糖时的常见错误、原因及避免方法

使用 `<script setup>` 语法糖时的常见错误、原因及避免方法
2024-11-18 02:34:48
本文总结了在使用Vue3的`<scriptsetup>`语法糖时常见的错误及其避免方法，包括TypeScript类型处理、`this`的使用、修改props、异步操作、响应式变量的使用、组件实例属性的暴露及生命周期钩子的处理。通过遵循这些建议，可以优化组件开发流程，提高代码效率。
Vue 前端开发 JavaScript 编程技巧组件开发

一个基于Naive UI，轻量且现代的 Vue 3 后台管理系统模板

一个基于Naive UI，轻量且现代的 Vue 3 后台管理系统模板
2024-11-18 21:55:31
NaiveUIAdmin是一个基于NaiveUI和Vue3的轻量级后台管理系统模板，提供丰富的功能组件和现代化的UI设计，支持灵活定制和扩展。它具备高效的架构，内置权限管理和数据可视化功能，适合快速开发和企业级应用，提升开发效率和用户体验。
前端开发 Vue 组件库管理系统数据可视化

用 Electron + Vite + Vue3 搭建桌面端项目：Electron 基础配置

用 Electron + Vite + Vue3 搭建桌面端项目：Electron 基础配置
2024-11-19 08:49:45
本文介绍了如何使用Electron、Vite和Vue3搭建跨平台的桌面应用项目。包括项目创建、Electron安装、主进程代码编写、插件配置、打包命令设置等步骤，适合前端开发者快速上手桌面应用开发。通过具体的代码示例，读者可以了解如何配置项目结构、启动应用以及自定义窗口属性。
桌面开发前端技术 Electron Vite Vue

大家都在搜索什么？

devops 易支付一个官网+多少钱统一接受回调统一回调 python sub node 宝塔日志 mysql shell ElasticSearch css vue api接口对接 2025 支付接口对接 go php php回调