#vue3 第20页

vue2 /vue3【nextTick】的使用方法及实现原理，一文全搞懂！

那么它到底是怎么实现的呢，在Vue2和Vue3中又有什么区别呢？本文将结合案例介绍执行原理再深入源码，全部注释，包你一看就会。

码喽的自我修养·2025-05-03 13:21

Vue3通透教程【十三】TS简单类型详解

文章目录写在前面TS中的简单类型写在最后写在前面专栏介绍：凉哥作为Vue的忠实粉丝输出过大量的Vue文章，应粉丝要求开始更新Vue3的相关技术文章，Vue框架目前的地位大家应该都晓得，所谓三大框架使用人数最多

几何心凉·2025-05-03 09:59

11. Three.js 中的 AmbientLight（环境光）详解

本文适用于Three.js初学者与进阶开发者，深入了解THREE.AmbientLight的用法、原理和最佳实践，最后还会给出一个基于Vue3CompositionAPI的真实代码案例。

吉檀迦俐·2025-05-03 08:20

如何在Vue3中使用Jest或Vue Test Utils为一个简单的组件编写单元测试

其中，Vue3作为当下流行的前端框架，提供了极为优秀的组件化开发体验。VueTestUtils和Jest是Vue生态系统中常用的测试工具，它们分别用于组件的单元测试和测试运行管理。

JJCTO袁龙·2025-05-03 06:10

【Vue】移动端开发（Uni-app、Taro）

1.3Uni-appvsTaro（对比图）2.项目初始化与目录结构2.1初始化Uni-app项目2.2初始化Taro项目（Vue3模板）3.跨端API与组件调用3.1常用跨端API（以Uni-app为例

Guiat·2025-05-03 06:38

vue3 template转为render函数过程详解

在Vue中，template模板是我们编写组件的主要方式之一，而Vue内部会将这些模板转换为render函数。render函数是用于创建虚拟DOM的函数，通过它，Vue能够高效地追踪DOM的变化并进行更新。下面我会通俗易懂地详细解释Vue如何将template转换为render函数。整体过程概览Vue的template到render函数的转换主要分为三个步骤：解析(Parsing)：将模板解析为抽

TEN01Y·2025-05-03 02:40

Vue3官方文档翻译之Template Syntax

2022/02/11/translation-of-template-syntax-in-vue-3-offiicial-doc/欢迎访问我的博客:http://blog.duhbb.com/主要介绍了Vue3

tuhoooo·2025-05-03 02:07

VUE3

VUE3一、创建一个vue实例1.1传统开发方式打开官网，点击快速上手，在html文件中引入vue.global.js文件在body标签里:首先是容器，在script标签里用Vue.createApp方法

神行阿衡·2025-05-03 02:36

.sync是什么？读完这一篇就搞懂了【vue前端】

虽然在Vue3中.sync仍然可用，但它的使用方式稍有不同。.sync的基本用法：在父组件中使用子组件时，可以在传递prop的时候加上.sync修饰符。

幸运小圣·2025-05-03 00:59

vue3组件之间的通信方式

vue3组件之间的通信方式1、props:父子组件通信——父传子2、$emit:父子组件通信——子传父3、EventBus-mitt：父子、兄弟、隔代组件通信4、v-model：父子组件数据同步5、useAttrs

H_ZMY·2025-05-03 00:57

【vue3 前端】

迎万难赢万难！目录1.使用defineProps传递数据：2.使用。defineEmits发送事件：3.使用Provide/Inject：4.使用状态管理（如Pinia）：1.使用defineProps传递数据：父组件通过props将数据传递给子组件，子组件使用defineProps接收这些数据。父组件：importChildComponentfrom'./ChildComponent.vue';

幸运小圣·2025-05-03 00:26

脚手架创建vue3项目的方式

第一种方式npminitvite@latest第二种方式npminitvue@latest第三种方式使用vue-cli创建安装或者升级npminstall-g@vue/cli保证vuecli版本在4.5.0以上vue--version创建项目vuecreatemy-project第四种方式使用vite创建npminitvite-appcdnpminstallnpmrundev

loly_zhang·2025-05-02 22:17

如何利用Vue的过渡动画实现一个模态框的展开和关闭动画，并且处理好动画的层级和遮罩效果？

我将围绕前端工程师面试中常见的Vue过渡动画问题，先点明工作和面试痛点，再深入解析技术原理，结合代码示例展示实现过程，对比Vue2和Vue3的差异，助力读者掌握相关技能。1个方案搞定！

前端大白话·2025-05-02 20:59

Vite构建Vue3 + element-plus组件库 + iconPark图标库

(1)npmcreatevue@latest(2)npmielement-plus--save全局直接使用：import{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importAppfrom'./App.vue'constapp=createApp(App)app

吴永琦（桂林电子科技大学）·2025-05-02 19:48

【VS Code插件开发】入门篇（一）

优质专栏：vue3+vite+typeScript从入门到实践资料领取：前端进阶资料可以找我免费领取摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼(文末有我wx或者私信)目录

不叫猫先生·2025-05-02 17:37

Vue3 关于scss预编译中:deep 其中的deep如何理解

在SCSS预处理器中，:deep是一个伪类选择器，用于选择一个元素的所有后代元素，无论它们在DOM结构中的层级深度如何。换句话说，:deep选择器是一个类似于CSS中的后代选择器，但是它可以不考虑嵌套层级的限制，而是选择所有符合条件的后代元素。例如，使用以下

地表最强菜鸡·2025-05-02 05:22

【electron-vite+live2d+vue3+element-plus】实现桌面模型宠物+桌面管理系统应用（踩坑）

脚手架项目使用electron-vite脚手架搭建ps:还有一个框架是electron-vite，这个框架我发现与pixi库有冲突，无法使用，如果不用pixi也可以用这个脚手架。node版本建议18+----------------------------------------------------------------------------------------运行live2D相关依赖

Twelve~·2025-05-02 05:49

vue3数据持久化方案：pinia-plugin-persistedstate源码浅析

Jinuss·2025-05-02 01:25

Vue2 vs Vue2.7 深度对比

Vue2vsVue2.7深度对比前言作为Vue生态中承前启后的重要版本，Vue2.7在保留Vue2核心特性的同时，引入了Vue3的诸多创新设计。

二川bro·2025-05-01 21:59

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容前言在企业级组件库开发中，同时支持Vue2和Vue3是提升技术资产复用率的关键需求。

二川bro·2025-05-01 21:59

Vue3，Pinia与TypeScript面试题总结

在Pinia中如何定义带有类型推断的store？使用defineStore的选项式语法，Pinia会自动推断类型，但可以显式定义类型以增强类型安全。import{defineStore}from'pinia';//1.定义State的接口（可选，但推荐）interfaceUserStoreState{users:User[];currentPage:number;isLoading:boolean

agenIT·2025-05-01 17:30

三、实战开发 uni-app x 项目（仿京东）- 技术选型

Vue3:渐进式JavaScript框架，易于上手，功能强大，生态丰富。TypeScript:JavaScript的超集，提供类型系统，提高代码可维护性和可读性。UI组件库:

九班长·2025-05-01 15:20

tauri+vite3创建登录窗口|tauri自定义拖拽区域

tauri+vue3构建多窗口程序应用tauri创建登录窗体TAURI-VUE3-CAHT登录忘记密码注册账号import{ref,reactive,inject}from'vue'import{useStore

xiaoyan_2018·2025-05-01 13:37

彩带飘落效果

文章目录彩带效果适应场景HTML版本Vue3版本彩带效果彩带特效组件适应场景完成小结、版本升级等场景。提供HTM、Vue3版本。

@才华有限公司·2025-05-01 12:26

uniapp + Axios + 小程序封装网络请求

前言小程序自带的网络请求使用起来比较麻烦，不便于管理，就需要封装网络请求，减少繁琐步骤，封装最终效果，根据类别将网络请求封装在文件中，使用得时候调用文件名名称加文件中得自定义名称，就可以了需要vue2+Axios封装网络请求的点这里需要vue3

向明天乄·2025-05-01 11:52

vue3Axios封装网络请求 + 跨域

前言普通得Axios使用起来比较麻烦，不便于管理，就需要封装网络请求，减少繁琐步骤，封装最终效果，根据类别将网络请求封装在文件中，使用得时候调用文件名名称加文件中得自定义名称，就可以了需要vue2Axios封装网络请求得点这里需要Axios+小程序封装网络请求的点这里安装Axiosnpminstallaxios或者yarnaddaxios新建network文件，index.ts：网络请求得封装ap

向明天乄·2025-05-01 11:21

vue3实战——后台管理系统

Vue3实战——会议室预约后台管理系统开发步骤笔记1.创建项目使用Vite创建一个新的Vue3项目，并选择ElementPlus作为UI框架。

mio1012436·2025-05-01 11:51

协同过滤算法的二手交易系统小程序

目录具体实现截图技术栈软件编码：小程序框架以及目录结构介绍微信开发者工具java类核心代码部分展示软件测试：论文写作大纲参考源码获取/详细视频演示具体实现截图技术栈Vue3：性能提升、体积减小、响应式原理改变

QQ_188083800·2025-05-01 09:39

《Vue3学习手记》

下面进入Vue3的学习，以下代码中都有很详细的注释，代码也比较清晰易懂：Vue3index.html是入口文件Vue3通过createApp函数创建一个应用实例main.ts://Vue3中通过createApp

Nuyoah.·2025-05-01 08:04

第十三节：实战与工程化高频题-TypeScript集成要点

类型声明：defineProps()、defineEmits()类型推断：CompositionAPI自动推导响应式变量类型以下是Vue3+TypeScript集成在实战与工程化中的核心要点解析，结合最新开发实践整理为五个关键方向

涵信·2025-05-01 06:22

Ant Design Vue3 + TypeScript + Vite 左侧菜单生成

AntDesignVue3提供了Menu组件用于生成左侧菜单，我们可以使用Menu组件来构建左侧菜单。

zngfue·2025-05-01 06:16

Vue3后代组件多祖先通讯设计方案

在Vue3中，当需要设计一个被多个祖先组件使用的后代组件的通讯方式时，可以采用以下方案（根据场景优先级排序）：方案一：依赖注入（Provide/Inject）+响应式上下文推荐场景：需要保持组件独立性，

BillKu·2025-05-01 05:43

vue2/3 | nuxt - 报错 Error: error:0308010C:digital envelope routines::unsupported（node项目启动运行、打包时报错，解决）

错误描述在vue2、vue3、nuxt项目开发中，当执行启动运行/打包时报错：Error:error:0308010C:digitalenveloperoutines::unsupported详细解决方案

十一猫咪爱养鱼·2025-05-01 02:59

粘贴WORD内容到百度编辑器，格式不乱怎么办？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint

全武凌(荆门泽优)·2025-05-01 02:55

Vue 2 与 Vue 3 自定义指令（Directive）详解

Vue2与Vue3自定义指令（Directive）详解Vue的自定义指令（Directive）允许开发者直接操作DOM，实现原生HTML无法直接实现的功能（如自动聚焦、滚动加载等）。

肠胃炎·2025-04-30 20:18

2025.3.29-2025.8.29前端学习计划

详细学习计划（4月-8月，每周安排）目标：在5个月内掌握Vue3源码、TypeScript高级用法、微前端（qiankun）、Node.js、前端性能优化、地图&WebGL。

jjjjjjjjj¢·2025-04-30 19:12

Vue2 和 Vue3 的核心区别

$set(this.list,0,'新值');//✅生效Vue3：使用Proxy实现响应式，自动支持所有数据变化类型。//Vue3中

黄同学real·2025-04-30 16:47

从 0 到 1 开发梦精灵提示词管理器：我的全栈开发实战记录

历时两个多月，基于Golang、Vue3和WXT框架完成了从后端到前端再到浏览器插件的全栈开发。本文将毫无保留地分享技术实现细节与踩坑经验，希望能为同行提供参考。一、技术栈选型：为何选择这些工具？

龙正哲·2025-04-30 12:23

vite+vue2+elementui构建之 vite.config.js

各种查阅资料，弄了一份直通构建vite构建elementUi核心文件，构建基于开源若依vue2+vue3版本改造，感谢开源，感谢若依。

Sahas1019·2025-04-30 11:47

Vue配合Springboot的跨域请求解决方案

vue使用的是vue3。一、什么是跨域跨域（Cross-OriginResourceSharing，简称CORS）是指浏览器出于安全考虑，限制网页从一个域名（源）向另一个域名的资源发起请求的行为。

樱花树下的猫老师·2025-04-30 07:19

使用 ECharts 在 Vue3 中柱状图的完整配置解析

一、初始化图表实例constchart=echarts.init(chartRef.value);二、Tooltip提示配置tooltip:{trigger:'axis',axisPointer:{type:'line'//支持'line'或'shadow'类型，指示器样式},backgroundColor:'rgba(0,0,0,0.7)',textStyle:{color:'#fff'},fo

技术需要沉淀gogo·2025-04-30 07:45

Vue3调度器错误解析，完美解决Unhandled error during execution of scheduler flush.

目录Vue3调度器错误解析，完美解决Unhandlederrorduringexecutionofschedulerflush.一、问题现象与本质二、七大高频错误场景与解决方案1、Setup初始化陷阱2

watermelo37·2025-04-30 07:14

Vue3 声明式渲染

在Vue3中，声明式渲染是Vue的核心特性之一，允许你在模板中直接描述UI的结构，而不需要手动操作DOM。通过将数据和视图绑定，Vue会自动根据数据变化更新DOM。

泥鳅炖土豆·2025-04-30 04:01

阿里qiankun微服务搭建

主服务chatvue3tsvite子服务pptreact18vite子服务agent主服务npmivite-plugin-qiankunmian.tsimport'.

接着奏乐接着舞·2025-04-30 03:22

Vue 3 双向绑定完全指南：从 v-model 到高级模式

文章目录一、Vue3中`v-model`的本质二、自定义组件的`v-model`实现1.基础实现模式2.简化写法（Vue3.3+）三、高级双向绑定技巧1.多个`v-model`绑定2.自定义修饰符3.深层对象绑定四

哎哟喂_!·2025-04-30 02:42

前端八股文经验分享：面试拷打经历与知识总结（纯个人总结）（八） - 持续更新ing

而Vue3.x版本中,使用了ES6中的P

T Z X_·2025-04-29 21:35

第十一节：性能优化高频题-响应式数据深度监听问题

深度监听的核心方案watch的deep:true模式•Vue2实现：需显式声明深度监听配置watch:{obj:{handler(newVal){/*处理逻辑*/},deep:true//开启深度监听}}•Vue3

涵信·2025-04-29 17:40

Vue 3中使用自定义hook函数代替Vue混入（mixin）——优化Vue应用程序

部分数据来源：ChatGPT简介Vue3中提供了自定义hook函数，可用于提高应用程序的代码复用性和可维护性。它是一种新的编程技巧，可以有效替代Vue混入（mixin）的功能。

技术探索·2025-04-29 16:21

vue3+ts中 .vue文件引入报错：找不到模块或其相应的类型声明

新创建的vue3项目在vscode打开出现报错：找不到模块或其相应的类型声明解决：在env.d.ts文件添加配置：declaremodule'*.vue'{importtype{DefineComponent

浮桥·2025-04-29 13:05

VUE3：封装一个评论回复组件

现在需要将这些转换为Vue3的组件。Vue3和React在状态管理上有所不同，Vue3使用ref和reactive来管理响应式数据，而React用useState。

读心悦·2025-04-29 10:44

推荐频道

#vue3