VUE3

Vue3组件通信

前言：在组件化开发中，需要将页面抽离成组件的形式，抽离之后就涉及到了组件中数据传递，可分为：父传子（props）、子传父（emits）、祖孙通信（provide和inject）、兄弟通信、全局通讯（pinia）。这次我就以博客的形式复习一下前三种通讯，想了解pinia可点击看我前面写的博客。1.父传子首先需要在父组件中的子组件标签中添加自定义属性，将需要传递的值放如自定义属性中，在子组件中通过de
whhhhhhhhhw·2025-07-03 04:40

Vue3.3 + TypeScript ，自主打造媲美 ElementPlus 的组件库之学习笔记

Vue3.3+TS4，自主打造媲美ElementPlus的组件库第1章课程介绍1-1课程导学1-2代码库使用注意事项1-3项目演示地址：http://element.vikingship.xyz/第2章
怪我冷i·2025-07-03 02:46

Vue 3 中 h 方法详解

在Vue3中，h方法是一个用于创建虚拟DOM节点的函数，它是创建渲染函数的核心工具。
yqcoder·2025-07-03 00:07

uniapp(vue3) - 实现天气预报气象温度双折线图一周气温变化曲线图，uniApp使用秋云uCharts图表插件做天气预报折线图示例代码（全端兼容H5网页、小程序、安卓/苹果app、nvue）

效果图在uni-app手机h5网页网站/支付宝微信小程序/安卓app/苹果app/nvue等(全平台兼容)开发中，实现uniapp天气预报双折线图温度图表示例源码，展示未来7天一周的天气温度情况点状折线图天气预报，Uniapp全平台实现气象监测页面查看温度变化，可自行修改优化线条颜色、粗细、数值及背景图等自由修改，提供完整源码！新手小白直接复制源码运行后简单修改即可。引入插件如果你已经引入过了，这
十一猫咪爱养鱼·2025-07-02 16:06

Vue3 - 详解播放m3u8视频流+HLS拉流推流完整方案，vue3如何播放m3u8格式文件实时视频播放教程（流媒体播放、直播视频流、实时摄像头监控视频流对接、后端服务器切片分片传输视频流边下边播）

在vue3（PC端+移动端H5）项目开发中，实现m3u8+hls视频流播放、实时流媒体播放高性能无延迟方案及源码，vue3播放3mu8文件/直播视频流，实时流媒体播放需求、做直播实时传输播放、摄像头监控画面视频流
王二红·2025-07-02 16:05

Vue2+Vue3 130~180集学习笔记

Vue2+Vue3130~180集（Vue3）学习笔记一、create-vue搭建vue3项目create-vue是vue官方新的脚手架工具，底层切换到了vite步骤：查看环境条件node-v版本需要在
Jyywww121·2025-07-02 13:47

Vue实例及组件

目录一、Vue实例的属性和方法1.什么是vue实例：又称为Vue组件（1）Vue2.0创建Vue组件方法（2）Vue3.0创建Vue组件的方法2.Vue组件的属性3.Vue组件中的函数（1）限流函数二、
Yannick_H·2025-07-02 12:05

EwVueComponent与Vue内置组件(Suspense + AsyncComponent+component)的对比

EwVueComponentvsVue内置组件：全面对比分析概述在Vue3的生态系统中，我们有多种处理动态组件的方案。
·2025-07-02 12:40

计算机专业毕业设计选题指南（2025创新版）

计算机专业毕业设计选题指南（2025创新版）一、选题方向全景图（按技术维度划分）智能服务系统开发技术架构：SpringBoot+Vue3+MySQL/MongoDB典型场景：●智慧校园：实验室预约系统、
程序员小天00·2025-07-02 11:03

Vue3 Lifecycle Hooks

Vue3生命周期钩子详解Vue3的生命周期钩子分为OptionsAPI和CompositionAPI两种使用方式，核心流程相同但语法有差异。
·2025-07-02 10:17

Vue3 script setup

以下是Vue3的超详细说明，涵盖核心机制、使用场景和最佳实践：1.核心设计原理编译时语法糖：会在编译阶段转换为标准的setup()函数，所有顶层绑定自动暴露给模板。
行云＆流水·2025-07-02 10:17

Vue3 中watch和computed

Vue3中computed与watch深度解析在Vue3组合中，响应式工具的类型安全使用至关重要。
行云＆流水·2025-07-02 10:46

Vue3 中 Excel 导出的性能优化与实战指南

文章目录Vue3中Excel导出的性能优化与实战指南引言：为什么你的导出功能会卡死浏览器？
·2025-07-02 08:01

vue3 - 【完整源码】超详细实现网站 / H5 在线预览 pdf 文件功能，支持缩放、旋转、全屏预览、打印、下载、内容检索、主题色定制、侧边缩略图、页码跳转等等（最好用的pdf预览器，注释详细！）

效果图在Vue3.js项目中，实现了快速高效的pdf预览器工具组件，附带详细的使用教程与详细的注释，保证一键复制轻松搞定！
十一猫咪爱养鱼·2025-07-02 03:31

人类编程时代即将终结？OpenAI首席产品官预测AI将在今年底全面超越人类程序员

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读近日，OpenAI首席产品官KevinWeil在接受采访时表示，人工智能的发展速度远超预期，今年底就有可能在编程领域永久性地超越人类程序员
·2025-07-02 01:33

Vue3 工程化实战

Vue3工程化实战引言：构建工具的演进与选择在前端工程化领域，构建工具的选择直接影响开发效率与项目性能。
jay丿·2025-07-01 23:59

vue3中slot（插槽）的详细使用

在Vue3中，slot（插槽）是一种强大的组件内容分发机制，它允许父组件向子组件传递内容，从而使组件的使用更加灵活。以下是关于Vue3中slot的详细介绍一、默认插槽这是最基本的插槽形式。
会飞的鱼先生·2025-07-01 18:54

vue3 el-table 列增加 自定义排序逻辑

在Vue3中使用ElementPlus的组件时，如果你想增加自定义排序逻辑，可以通过以下几个步骤实现：1.使用default-sort属性首先，你可以在组件上使用default-sort属性来指定默认的排序规则
海天胜景·2025-07-01 11:08

【vue3】el-table表头和表格文字都居中

1、表头文字居中：:cell-style="{textAlign:'center'}"查询2、表格内文字居中：:header-cell-style="{textAlign:'center'}"
晚睡要秃头·2025-07-01 10:33

前端Vue面试八股常考题（二）

Vue3如何替代？1.过滤器的核心功能2.典型应用场景3.Vue3中的替代方案3、Vue中computed和methods的区别是什么？示例对比4、什么是Vue的前端路由？如何实现？
LuxTorch·2025-07-01 09:00

Vue 与react 生命周期对比

目录一、Vue2生命周期二、Vue3生命周期三、React生命周期四、ReactHooks生命周期替代方案五、三者对比总结六、关键差异分析七、最佳场景一、Vue2生命周期vue2的生命周期分为创建、挂载
weixin_42339193·2025-07-01 01:12

Vue.js 3.0 vue-devtools 的安装和使用

github页面中显示的打开vue-devtools的方法是针对Vue2.0的，在Vue3.0开发版本中默认是打开devtools的调试的，不需要做特殊操作。
·2025-06-30 21:35

使用 Vue3-Ace-Editor 在 Vue3 项目中集成代码编辑器

而vue3-ace-editor是一个基于AceEditor的Vue组件，方便在Vue3项目中使用AceEditor。下面将介绍如何在Vue3项目中集成和使用vue3-ace-editor。
bigHead-·2025-06-30 21:04

FlatBuffers（概念、原理及优势、在TS中的使用）

个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典100个小功能Vue2Vue3Vue2
前端杂货铺·2025-06-30 17:42

【Univer Docs】VUE3中使用Univer Docs（原Luckysheet ）创建在线编辑Excel

VUE3中使用UniverDocs（原Luckysheet）创建在线编辑Excel文章目录VUE3中使用UniverDocs（原Luckysheet）创建在线编辑Excel一、UniverDocs简介二
VT.馒头·2025-06-30 15:28

VTJ.PRO：打破次元壁！AI驱动 + 双向代码自由穿梭，重新定义Vue高效开发！

✨核心黑科技：双向自由转换可视化设计→纯净源码拖拽生成的界面，一键转换为高质量Vue3组件代码，无冗余、无黑盒！支持导出标准.vue文件，无缝嵌入现有工程，源码100%自主可控！
·2025-06-30 12:29

Vue3音乐播放器组件，可显示歌词

在线体验地址原文可体验1，安装npminstallapple-music-player或yarnaddapple-music-player2，在main.ts中引入import{createApp}from'vue'importAppfrom'./App.vue'importAppleMusicPlayerfrom'apple-music-player'createApp(App).use(App
张苹果博客·2025-06-30 10:26

钉钉小程序框架引入 Pinia 状态管理

上一篇文章描述了如何使用其他手段实现路由守卫文章地址：钉钉小程序开发中实现路由守卫拦截-CSDN博客本文将深入探讨如何在基于这些技术栈的小程序项目中引入状态管理插件一、了解PiniaPinia是一个全新的Vue状态管理库，旨在替代Vuex成为Vue3
·2025-06-29 23:50

OA门户网站方案，含经典必要功能

技术实现：基于Vue3的动态路由配置，结合用户行为分析（如点击热区）优化引导路径。统一应用入口功能设计：智能导航栏：根据
Alex艾力的IT数字空间·2025-06-29 16:59

Vue 3 最基础核心知识详解

Vue3作为现代前端主流框架，是前后端开发者都应当掌握的核心技能。
第七种黄昏·2025-06-29 14:12

如何在编辑器wangEditor中完美复制粘贴WORD内容？

要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,
M_Snow·2025-06-29 14:40

网页版wangEditor如何实现WORD图片的高效粘贴？

要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,
M_Snow·2025-06-29 14:09

vue中css使用data中的变量

封装一个ui组件，组件的样式一般是多种多样的我们可以通过组件传值的方式将ui属性传递给组件，但是我们属性是在js中可以拿到，vue3之前css是无法直接获取的(vue3中已经可以直接获取，可以去学习一下
console.log( )·2025-06-29 11:20

前端进阶之路-从传统前端到VUE-JS（第一期-VUE-JS环境配置）（Node-JS环境配置）（Node-JS/npm换源）

经过前面的传统前端开发学习后，我们接下来进行前端的VUE-JS框架学习（写这篇文章的时候VUE-JS最新版是VUE3，所以默认为VUE3即可）首先，我们要配置Node-JS环境，虽然我们还不学习Node-JS
恰薯条的屑海鸥·2025-06-29 10:43

在vue3中通过jspdf+html2canvas实现导出页面pdf功能

一、安装依赖npminstallhtml2canvasjspdf二、创建Vue组件下载文件importhtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf';constroute=useRoute();//当前idconstpolicyExplainId=ref(route.params.id);constloading=ref(false);//详
落晓星·2025-06-29 09:40

#Vue3篇： vue3梳理 ：&ref自动解包&key使用

vue3Attribute绑定同名简写如果attribute的名称与绑定的JavaScript值的名称相同，那么可以进一步简化语法，省略attribute值在模板中使用ref时，我们不需要附加.value
程序员xiaolibao·2025-06-29 06:14

vue3中ref自动解包

1.模板中使用ref类型的数据，会自动解包，注意需要是顶级的ref{{name}}import{ref}from'vue'constname=ref('hello')下面的ref不会自动解包{{num}}--{{obj.id}}num+1-----------{{num+1}}obj.id+1-----------{{obj.id+1}}import{ref}from'vue'constnum=r
·2025-06-29 06:44

vue3中实现高德地图地址搜索自动提示（附源码）

Vue3实现高德地图搜索自动提示功能引言上一篇文章详细讲解了如何在Vue3项目中集成高德地图，本文将重点介绍地址搜索自动提示功能的实现。
年纪轻轻就扛不住·2025-06-29 06:13

keep-alive实现原理及Vue2/Vue3对比分析

一、keep-alive基本概念keep-alive是Vue的内置组件，用于缓存组件实例，避免重复渲染。它具有以下特点：抽象组件：自身不会渲染DOM，也不会出现在父组件链中包裹动态组件：缓存不活动的组件实例，而不是销毁它们生命周期：提供activated和deactivated钩子函数二、keep-alive核心实现原理1.基本工作流程判断当前组件是否需要缓存生成组件唯一key缓存组件实例在被包裹
年纪轻轻就扛不住·2025-06-29 06:12

Java web%10

%10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb
好学且牛逼的马·2025-06-29 03:53

vue3.5中useTemplateRef获取DOM元素

前言：vue3.5推出了一种新的获取DOM元素的API（useTemplateRef），它与vue3.5之前获取DOM元素有什么不同呢？今天我们来学习一下。
whhhhhhhhhw·2025-06-28 20:31

模板应用更新同步到所有开发中的应用

需求是为多个Vue3应用方便地同步模板更新，并且模板自身也可能演进，采用Git上游仓库(Upstream)策略。
z日火·2025-06-28 20:30

实现 el-table 中键盘方向键导航功能vue2+vue3（类似 Excel）

实现el-table中键盘方向键导航功能vue2+vue3（类似Excel）功能需求在ElementUI的el-table表格中实现以下功能：使用键盘上下左右键在可编辑的el-input/el-select
·2025-06-28 20:27

关于uniapp+vue2 升级 Vue3 后无法获取 query的问题

关于uniapp+vue2升级Vue3后无法获取query的问题tag：vue3迁移、uniapp兼容性、$mp变更、vue2升级、前端坑点记录在升级公司项目的时候，从uniapp+Vue2迁移到uniapp
代码简单说·2025-06-28 19:51

vue3 添加onShow,每次显示都执行

vue3的生命周期没有onShow,uniapp有提供onShow.有时候我们希望用户离开在回到页面时，把他最关心的可能变化比较平繁的数据刷新出来。
萧大侠jdeps·2025-06-28 19:50

uniapp vue3版本的一些小细节！

1,生命周期的引用import{onShow,onHide,onLoad}from"@dcloudio/uni-app"onShow(()=>{showLog('onShow')})onLoad((options)=>{showLog('onLoad')})需要引入，才可以调用2，全局引入css在main.js或者ts中，导入就可以//例如引入全局CSS文件import'./util/baseCs
养乐多～ch·2025-06-28 18:46

2025 VUE常见面试题

答案：Vue.js（通常简称为Vue）是一个用于构建用户界面的‌渐进式JavaScript框架，Vue3是Vue.js框架的最新版本，它引入了许多改进和优化，包括性能提升、更好的类型支持、组合API等。
hmildj·2025-06-28 17:02

Vue 3 的 ＜script setup＞ 语法糖与 TypeScript 的深度整合

以下是补充说明及优化建议：一、setup属性（CompositionAPI核心）作用：通过setup属性启用Vue3的CompositionAPI，简化逻辑组织和复用。
前端熊猫·2025-06-28 16:31

＜script setup＞ 语法糖

下面，我们来系统的梳理关于Vue3语法糖的基本知识点：一、核心概念1.1什么是？
前端岳大宝·2025-06-28 16:28

Vue SPA 路由跳转无法回到顶部问题排查与解决

VueSPA路由跳转无法回到顶部问题排查与解决1.问题现象描述在使用Vue3+VueRouter4开发单页应用（SPA）时，遇到如下问题：点击导航栏或页脚的路由跳转后，页面没有自动回到顶部。
浪裡遊·2025-06-28 12:03
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他