vue3

深入理解 Vue 3 的 Provide/Inject：解锁组件通信的新思路

Vue3中的provide和inject是一种用于组件间通信的强大工具，尤其适用于跨越多级组件的传参需求。相较于传统的props和event方法，它提供了一种更优雅的解决方案。
桂月二二·2025-04-08 00:31

Vue3中的Inject用法全解析

大家好呀～今天给大家带来一个超级实用的Vue3技巧：如何使用inject进行组件间的通信！如果你对组件间的数据传递、事件触发感兴趣，那一定不要错过这篇文章哦！话不多说，直接开整～什么是Inject？
风清扬雨·2025-04-07 23:29

Vue3 Composition API即组合式API完全指南

Vue3CompositionAPI完全指南目录组合式API核心概念与选项式API对比setup深度解析响应式API体系生命周期管理逻辑复用模式最佳实践组合式API核心概念定义组合式API（CompositionAPI
智绘前端·2025-04-07 21:43

Vue 3 Composition API 的设计思想

Vue3的CompositionAPI的设计思想围绕以下几个核心目标展开，旨在解决OptionsAPI在复杂场景下的局限性，同时提升代码的可维护性、复用性和类型支持：1.逻辑关注点分离与聚合问题：OptionsAPI
Heidi__·2025-04-07 20:39

Vue3响应式原理解析

Vue3的响应式系统正是实现了这种“自动更新”的能力——当数据变化时，依赖它的视图或计算属性会自动更新。
念九_ysl·2025-04-07 20:07

解决vite+ts 引用本地图片 require问题

因为在vue3中require被放弃使用所有采用一下方式functionget_img_url=(name:any)=>{returnnewURL(`/src/assets/img/${name}`,import.meta.url
wlik·2025-04-07 19:32

【vue3】如何将一组图片快速导入页面，形成一个网页

【vue3】如何将一组图片快速导入页面，形成一个网页constimages=ref({})constimgList=ref([])functiontest(){//我的图片命名为pig1.jpg、pig2
xixixin_·2025-04-07 19:58

Vue3使用Webpack？

Vue3完全支持使用Webpack作为构建工具。
繁若华尘·2025-04-07 07:46

如何在大型项目中组织和管理 Vue 3 Hooks？

众所周知，VueHooks（通常指CompositionAPI中的功能）是Vue3引入的一种代码组织方式，用于更灵活地组合和复用逻辑。但是在项目中大量使用这种写法该如何更好的搭建结构呢？
智绘前端·2025-04-07 07:16

UniApp实现多端支付功能完整实现指南

作者：沈大大更新时间：2025-03-10一、支付功能概述1.1文章要点支付业务流程多端支付实现安全性保障异常处理最佳实践1.2技术栈{"开发环境":"HBuilderX3.8.0+","前端框架":"Vue3
沈大大520·2025-04-07 05:33

Vue2与Vue3不同

Vue3设计思想与核心变化详解一、Vue3设计思想与Vue2差异对比响应式系统重构Vue2实现（基于Object.defineProperty）//在Vue2中，通过data选项返回一个对象，对象中的属性会被
杨-羊羊羊·2025-04-07 02:13

vue3中ref、reactive的使用示例

ref1、导入import{ref}from"vue";2、定义//报告表格数据constreportTableData=ref([]);3、赋值//获取报告信息letresult=awaitreportDataByOuterApplyIdService(tableSelectedRow.value?.outerApplyId);reportTableData.value=result.data;
BillKu·2025-04-07 02:42

裸辞后找工作有多难？分享个人经历+面经+学习路线【内含免费下载初级前端面试题】- 回忆我的2023

个人博客主页一个努力学习的程序猿专栏：HTML和CSSJavaScriptjQueryVueVue3ReactTypeScriptuni-appLinux前端面试分享前端学习+方案分享(VitePress
前端Jerry_Zheng·2025-04-07 00:04

【vue3】黑马小兔鲜儿项目uniapp

https://www.bilibili.com/video/BV1Bp4y1379L?t=198.4&p=13介绍一下启动命令：pnpmrundev:mp-weixin启动项目用的
小宝小白·2025-04-07 00:03

实现一个实时聊天应用：用 Vue 3 和 WebSocket 构建多人在线聊天系统

文章目录一、前言二、技术选型三、功能需求四、实现步骤4.1设置Vue3项目4.2创建WebSocket服务器4.3创建Vue组件4.3.1ChatRoom.vue4.3.2UserList.vue4.3.3Login.vue4.4
前端极客探险家·2025-04-07 00:00

WebSocket 详解：构建一个复杂的实时聊天应用

2.2WebSocket的优点三、搭建WebSocket服务端3.1安装`ws`和`redis`库3.2创建WebSocket服务端3.3创建用户身份验证四、前端实现WebSocket客户端4.1创建Vue3
前端极客探险家·2025-04-07 00:00

DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例12，TableView16_12 拖拽动画示例

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例12，TableView16_12拖拽动画示例前言页面效果组件代码代码测试测试代码正常跑通
宝码香车·2025-04-06 22:19

vue3+jsQr实现手机浏览器调用本地摄像头扫描并识别二维码

项目用到的技术栈：Vue3+TypeScript+Vite+jsQr，UI组件库是arcoDesign，可以根据自己的项目改为需要的，这个很好改git地址：github地址-拿来即用这个项目下载下来就能用直接跑通
一只爱吃糖的小羊·2025-04-06 20:35

避坑，c#开发人员学习开发app时.NET MAUI和Vue3 选择

经过一段时间学习vue3后才发现作为一个C#背景的开发人员从开发效率、调试便捷性、部署便利性考虑，VisualStudio+.NETMAUI是更合适的选择，尤其是在跨平台原生应用开发场景中。
cainiaojunshi·2025-04-05 16:02

Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目

本文将以Vue3为例，详细介绍如何使用v-md-editor库在项目中集成Markdown编
王强你强·2025-04-05 15:52

Vue3-17 监听器(Watch)

在Vue3的开发过程中，监听器（Watchers）是实现数据动态监听和响应的重要工具。通过灵活运用监听器，我们可以在数据变化时执行各种自定义的逻辑。
不会写爬虫的程序员B·2025-04-05 15:51

在使用SeamlessScroll组件时，踩过的坑

以为时数据错了，才发现，底层封装组件的时候，是靠计算属性进行计算，但是传值的是异步请求，后端传值过来的，因此，传值过去是空值，导致后续的判断不执行，从而不滚动，解决方法是在他的源码里面对判断这块的逻辑更换一下同理vue3
前端小鸡·2025-04-05 11:29

Vue3的Vscode插件Volar插件失效问题

最近在写v3的项目时候，发现自己的Voar插件失效，没有任何代码提示，排查了好久，才发现是自己的vscode版本和Volar版本不对应，最新的Volar插件不支持旧版本的Vscode插件，因此我们可以下载最新的Vscode或者降低Volar插件，不过Volar官方最低版本好像是一月之内，再以前的版本已经删除了，尽量是更新最新的Vscode版本
前端小鸡·2025-04-05 11:29

2025.3.30前端模拟面试

涉及基础知识、手写代码、项目经验和开放性问题，主要围绕Vue3、TypeScript、微前端等方向展开。一、基础知识Vue3响应式原理是如何实现的？与Vue2相比有哪些优化？
jjjjjjjjj¢·2025-04-05 10:18

【三十天精通Vue 3】第三十天 Vue 3中的Nuxt.js框架详解

✅创作者：陈书予个人主页：陈书予的个人主页陈书予的个人社区，欢迎你的加入:陈书予的社区专栏地址:三十天精通Vue3往期回顾：1、【三十天精通Vue3】第二十九天Vue3中的Mock数据模拟详解2、【三十天精通
陈书予·2025-04-05 09:44

在Vue3中读取和解析Word文档，详细的技术实现方法、常见场景、问题及最佳解决方案

在Vue3中读取和解析Word文档（.doc/.docx）是常见的需求，尤其在在线文档预览、内容提取等场景中。
繁若华尘·2025-04-05 07:33

尚硅谷vue3学习笔记

01.setup概述`setup`是`Vue3`中一个新的配置项，值是一个函数，它是`CompositionAPI`，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在`setup`中
过期牛奶·2025-04-05 07:29

页面简单传参

你有以下几种传递方法##使用Vue3+TS#1.通过URL参数传递（Query参数）这是最简单、最常用的方法，ID会显示在URL中的?
巴巴博一·2025-04-05 05:46

Vue3 数据流革命：单项数据流与 defineModel 的深度解析

一、Vue数据流演进史：从双向绑定到单向控制1.1数据流模式之争现代前端框架存在两种典型数据流模式：模式类型典型代表核心特征适用场景双向数据流AngularJS数据模型与视图实时同步简单表单场景单向数据流React/Vue数据自上而下流动，事件反向传递复杂应用架构Vue的渐进式设计使其在2.x版本保留了两面性：模板语法层面支持双向绑定（v-model）组件通信层面遵循单向数据流原则1.2Vue2的
斯~内克·2025-04-05 04:10

《Postcss - pxtorem在Vue3中实现自适应原理与实践》

一、原理介绍1.什么是Postcss-pxtoremPostcss-pxtorem是一个PostCSS插件，它的主要作用是将CSS中的px单位转换为rem单位。在网页开发中，rem是一个相对单位，它是相对于根元素（html元素）的字体大小来计算的。通过将px转换为rem，我们可以方便地实现页面在不同设备屏幕尺寸下的自适应。2.自适应原理在网页设计中，我们希望页面元素的大小能够根据设备屏幕的大小进行
芭拉拉小魔仙·2025-04-05 02:29

百度UEditor编辑器插件开发：针对Word图文内容的定制化解决方案？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5需求：复制粘贴word内容图片，word图片转存交互,导入pdf,导入PowerPoint
全武凌(荆门泽优)·2025-04-05 01:24

Vue 3 模板引用（Template Refs）详解与实战示例

Vue3模板引用（TemplateRefs）详解与实战示例引言在Vue开发中，通常推荐使用响应式数据(ref和reactive)进行数据绑定，而不是直接操作DOM。
li_Michael_li·2025-04-05 01:21

用 Pinia 点燃 Vue 3 应用：状态管理革新之旅

用Pinia点燃Vue3应用：状态管理革新之旅用Pinia点燃Vue3应用：状态管理革新之旅什么是Pinia？
CreativeDev·2025-04-04 09:36

Vue3.x+springboot集成pageoffice

说明：由于pageoffice浏览器是ie内核，vue3不兼容ie。
response_L·2025-04-04 06:46

【开源】瓦AI自瞄全套上市源码 - 含完整编译教程

项目简介瓦AI智能系统是完整的AI解决方案源码，主要功能包括：自然语言处理(NLP)计算机视觉(CV)语音识别(ASR)知识图谱构建核心功能技术架构前端：Vue3+TypeScript后端：Python3.10
6v6-博客·2025-04-04 05:34

Vue3的福音框架：Arco.Design

Vue3的福音框架：Arco.Design在Vue3逐渐成为前端开发主流技术的今天，开发者们对于高性能、易扩展、且设计美观的UI框架需求日益增长。
俊星学长·2025-04-04 04:00

vue3+element-plus自定义右键弹出框

使用的是tailwindcss做的样式布局,也使用到了element-plus的el-card组件组件yua:{{item.text}}{{item}}import{ref,defineEmits,defineModel,defineProps}from'vue'interfaceListType{text:string,child:Array}typelocationType='Right'|'
码农的救赎·2025-04-04 02:19

Vue生命周期详解

以下是Vue2.x和Vue3.x的核心生命周期阶段及钩子函数（Vue3兼容CompositionAPI和OptionsAPI）。
低头不见·2025-04-04 00:09

Vue - vue-waterfall-plugin 瀑布流组件（Vue2+Vue3）

Vue-vue-waterfall-plugin瀑布流组件（Vue2+Vue3）vue-waterfall-plugin瀑布流组件有Vue2和Vue3版本，支持PC和移动端自适应，支持animate.css
miaomiaowins·2025-04-03 21:43

如何用 Three.js 和 Vue 3 实现 3D 商品展示

文章目录一、前言二、Three.js简介三、搭建Vue3+Three.js项目3.1创建Vue3项目并安装依赖3.2创建`ThreeDViewer.vue`组件四、加载3D商品模型4.1安装`GLTFLoader
前端极客探险家·2025-04-03 17:52

用 Pinia 点燃 Vue 3 应用：状态管理革新之旅

用Pinia点燃Vue3应用：状态管理革新之旅用Pinia点燃Vue3应用：状态管理革新之旅什么是Pinia？
王达舒1994·2025-04-03 03:45

Vue3Echarts通用的折线图带阴影

在环保仓管项目中，做了一个每月对药品、消耗品、设备的进出，进行统计百分比，效果好看，后面经常在用这个样式，以下是详细分析：下载Echarts//npmnpminstallecharts--save//淘宝镜像cnpm(安装速度快)cnpminstallecharts--save//yarnyarnaddecharts代码示例import*asechartsfrom'echarts';import{
陈琦鹏·2025-04-03 01:37

VUE3+TypeScript项目，使用html2Canvas+jspdf生成PDF并实现--分页--页眉--页尾

使用html2Canvas+JsPDF生成pdf，并实现分页添加页眉页尾1.封装方法htmlToPdfPage.ts/**path:src/utils/htmlToPdfPage.tsname:导出页面为PDF格式并添加页眉页尾**//***封装思路*1.将页面根据A4大小分隔边距，避免内容被中间截断*所有元素层级不要太深，只有一个表格需要再深入判断，向上统计高度*constparentEleme
猫在裙角jslms·2025-04-02 20:33

微信小程序唤起app

2、vue3代码示例返回APPimport{onLoad}from"@dcloudio/uni-app"import{ref}from"vue"onLoad(()=>{//传给app的参数最好是json
Angus-zoe·2025-04-02 20:32

vue3.0 element-plus弹窗样式穿透

//style要加上scoped//custom-class不设置也可以://其他的>>>:v-deep()/deep/试了都没有起作用//生效:deep(.el-dialog.my-dialog){}//生效：外面包层自己添加的类名.my-page-class{:deep(.el-dialog.my-dialog){.el-dialog__header{}.el-dialog__body{}}}
Dorcas_FE·2025-04-02 20:59

mac环境 若依node版本兼容设置

-mac环境背景：我的电脑原先安装的是vue2，然后又安装了vue3，现在又要修改vue2代码，需要把版本指定相应版本。
djs00717·2025-04-02 17:10

TP6+Uniapp研发校园系统小程序APPH5校园跑腿表白墙多功能校园社交论坛

一、系统架构设计技术栈组合后端：TP6（PHP）+MySQL+Redis前端：UniApp（Vue3+TS）+uViewUI接口：RESTfulAPI+JWT鉴权部署：Nginx+Docker+阿里云ECS
·2025-04-02 12:59

个人博客网站从搭建到上线教程

步骤2：选择开发技术栈因为我比较熟悉VUE3和python所以我选择了使用这两个技术。后端选用的Dijango框架，因为Dijango框架提供的框架比较规范，适用于很多功能
RuanChengfeng·2025-04-02 05:22

Vue3 - 生命周期钩子函数（组合式 API）

本文主要对比Vue2生命周期，引出并展开Vue3生命周期的介绍，最后做一下整体的总结。
王二红·2025-04-02 01:47

用 Pinia 点燃 Vue 3 应用：状态管理革新之旅

用Pinia点燃Vue3应用：状态管理革新之旅用Pinia点燃Vue3应用：状态管理革新之旅什么是Pinia？
智能编织者·2025-04-01 16:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他