Vue2&Vue3 第5页

React vs Vue3深度对比与使用场景分析

在前端开发领域，React和Vue3是两个备受瞩目的框架。它们都提供了强大的功能和灵活的开发方式，但各自的设计理念、使用方式和适用场景有所不同。

匹马夕阳·2025-02-28 07:25

vue3中测试：单元测试、组件测试、端到端测试

1、单元测试：单元测试通常适用于独立的业务逻辑、组件、类、模块或函数，不涉及UI渲染、网络请求或其他环境问题。describe('increment',()=>{//测试用例})toBe()：用于严格相等比较（===），适用于原始类型或检查引用类型是否指向同一个对象。toEqual()：用于深度比较，检查两个对象或数组的内容是否相等（即使它们不是同一个对象）。例如：test('increments

皓月当空hy·2025-02-28 04:27

现代前端框架渲染机制深度解析：虚拟DOM到编译时优化

引言：前端框架的性能进化论TikTokWeb将React18迁移至Vue3后，点击响应延迟降低42%，内存占用减少35%。Shopify采用Svelte重构核心交互模块，首帧渲染速度提升580%。

桂月二二·2025-02-28 03:23

vue3中子组件调用父组件事件

在Vue3中，子组件调用父组件的事件（或方法）的方式与Vue2类似，但Vue3引入了CompositionAPI，这可能会改变你组织代码的方式。

小华0000·2025-02-28 01:37

Vue3 动态创建组件实现数据绑定（h函数）

经常看到框架里使用h函数动态创建组件，可自己使用时发现数据无法绑定，我使用的代码如下{span:6,label:"区",path:"groupId",component:h(NSelect,{options:groupIdOptions.value,value:modalRef.value.groupId,"onUpdate:value":(value:string)=>modalRef.valu

CrxzYia·2025-02-28 00:21

TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。

初见雨夜·2025-02-27 22:07

深入解析 Vue 3 编译宏：揭开 `＜script setup＞` 的魔法面纱

一、编译宏的本质与设计哲学1.1什么是编译宏在Vue3的CompositionAPI生态中，编译宏（CompilerMacros）是一组特殊的语法结构，它们在代码编译阶段被Vue编译器处理，最终转换为标准的

斯~内克·2025-02-27 14:32

深入探讨 Vue 3 响应式 API：为什么 ref/reactive 需要类型匹配？

一、Vue3响应式系统基础在Vue3的CompositionAPI中，ref和reactive是构建响应式数据的核心工具。

斯~内克·2025-02-27 14:31

Vue 3 生命周期函数详解

Vue3生命周期函数详解引言Vue.js是一个渐进式的JavaScript框架，用于构建用户界面。Vue3在性能、API设计和开发者体验方面进行了重大改进。

licy__·2025-02-27 07:37

vue3的实用工具库@vueuse/core

提供‌200+开箱即用的函数‌，覆盖状态管理、浏览器交互、传感器、网络请求等场景，例如useStorage（状态持久化）‌1、useMouse（鼠标追踪）‌1；支持‌Vue2和Vue3‌，并通过@vueus

罗会·2025-02-27 03:04

Vue函数式编程终极指南：像写诗一样写代码

本文不仅会揭秘函数式编程的核心心法，还会手把手教你：✅如何用CompositionAPI实现函数式优雅✅高阶函数与柯里化的实战妙用✅Vue3函数式组件性能优化秘籍✅配套工具链

lifire_H·2025-02-27 02:57

uniapp开发小程序手写板、签名、签字

可以使用这个插件进行操作手写板-签名签字-lime-signature-DCloud插件市场但是目前这个插件没有vue3setupCompositionAPI的写法。

故里2130·2025-02-27 01:55

【uni-app】微信小程序使用lime-painter生成海报

技术栈：uni-app、Vue3（3.4.21）、TypeScript（4.9.5）、wot

cjsnyxz·2025-02-27 01:21

踩坑-vue3.0-uniapp-全局变量prototype失效

项目场景：踩坑-vue3.0-uniapp-全局变量prototype失效问题描述踩坑-vue3.0-uniapp-全局变量prototype失效main.js中全局变量失效Vue.prototype.

cometxd·2025-02-27 01:51

Vue3 中如何实现响应式系统中的依赖收集和更新队列的解耦？

Vue3通过以下设计实现解耦：依赖收集阶段：在数据读取时建立响应式对象->副作用函数的映射关系更新触发阶段：数据修改时通过调度器控制副作用的执行策略队列机制：将同步的多次修改合并为单次更新操作这种解耦带来的好处

程序员黄同学·2025-02-26 22:59

Pinia

Pinia是基于Vue3的Com

Sunshinedada·2025-02-26 09:58

Vue01

vuevue基础vue-clivue-routervuexelement-uivue3vue基础vue是什么一套用于构建用户界面的渐进式JavaScript框架采用组件化模式，提高diamagnetic

memorycx·2025-02-26 04:52

Vue3使用Axios请求二次封装（包含跨域配置）

一.axios安装与封装1.1安装npminstallaxios1.2二次封装1.引入axiosimportaxiosfrom'axios'2.创建axios实例使用axios对象中的create方法创建实例。可以在创建实例时，配置基础路径、超时响应时间。constrequest=axios.create({//基础路径baseURL:import.meta.env.VITE_APP_BASE_A

数学分析分析什么？·2025-02-26 01:30

Vue3切换页面后页面不渲染问题其一

在Vue3环境下，页面A在标签内对一级根节点...注释，进入A页面后跳转至B页面，全部页面不渲染。出现错误的页面代码如下：注释内容-->正常内容此时需要将注释内容删除，页面才能正常渲染。

数学分析分析什么？·2025-02-26 01:30

面试题-Vue2和Vue3的区别

.响应式系统2.组合式API(CompositionAPI)3.Fragment(碎片)4.Teleport(传送门)5.性能改进6.移除或改变的功能7.构建工具8.TypeScript支持Vue2和Vue3

奶糖肥晨·2025-02-25 23:15

手把手完成前端Vue3 + Vite项目工程化搭建

vue3_vite_project基于Vue3+Vite搭建的前端工程化项目演示模板环境准备开发环境：Node.jsv16.14.2+npmv8.3.2开发工具：VisualStudioCodeorWebStorm

m0_74825447·2025-02-25 17:31

快速辨别Vue版本的8个关键方法

全局API创建方式（最明显特征）//Vue3特征import{createApp}from'vue'constapp=createApp(App)app.mount('#app')//Vue2特征importVuefrom'vue'newVue

wujiada001·2025-02-25 13:33

Vue的组合式API和选项式API有什么区别

Vue3的组合式API（CompositionAPI）和选项式API（OptionsAPI）是两种不同的组件编写方式，主要区别如下：1.代码组织方式选项式API：按照选项（如data、methods、computed

wujiada001·2025-02-25 13:33

Vue2 - 判断接口返回的二进制文件流 Blob 是二进制文件流对象还是 JSON 错误提示信息，当请求设置 responseType: blob 时捕获后端状态码返回的是可下载文件还是下载失败提示

前言如果您需要Vue3版本教程，请访问这篇文章。

王二红·2025-02-25 11:49

Vue3+ts 封装一个 tab标签页组件

前言：在写项目的时候，用到了element-plus，在这个项目中需要使用tabs组件，但是使用element-plus的tab组件来满足项目中的tab样式，有的时候会有点麻烦，且自己也想动手试试封装一个tab组件，于是，开干！！最终效果图：这里面的选中下横线用的是绝对定位.indicator{position:absolute;bottom:0;height:2px;background-col

阿丽塔~·2025-02-25 11:47

Vue3 文件下载方法

文件下载方式1.window.location.href方式注意：文件名称为中文时要使用encodeURI转码；下载文件格式为图片或txt时文件会直接打开；下文中${url}表示接口地址根据文件名下载：window.location.href=`${url}/文件名.xlsx`;文件名有中文：window.location.href=`${url}/${encodeURI("文件名.xlsx")}

深度视觉机器·2025-02-25 11:47

SpringBoot速成概括

视频：黑马程序员SpringBoot3+Vue3全套视频教程，springboot+vue企业级全栈开发从基础、实战到面试一套通关_哔哩哔哩_bilibili图示：

噗运特·2025-02-25 11:16

vue3 下载文件 responseType-blob 或者 a标签

在Vue3中，你可以使用axios或fetch来下载文件，并将responseType设置为blob以处理二进制数据。

阿丽塔~·2025-02-25 10:43

Vite （Vue3 + TS）解决跨域问题

1.vite.config.ts中添加如下代码：exportdefaultdefineConfig({server:{proxy:{'/api':{target:'http://xxx.com/',//实际请求地址changeOrigin:true,rewrite:(path)=>path.replace(/^\/api/,""),},},},})2.修改axois封装中的baseURL：base

JingpengZhang·2025-02-25 08:58

从零搭建 Vue3 + VIte + Ts 项目 —— 并集成eslint 、prettier

plugins:[‘vue’,‘@typescript-eslint’],//新增root:true,//对某些文件进行单独配置（这里针对TypeScript文件）overrides:[{files:[‘.ts’,'.tsx’,‘*.vue’],rules:{‘no-undef’:‘off’,//在TypeScript中没有必要使用no-undef规则},},],//自定义规则rules:{//h

2301_82244509·2025-02-25 07:20

Vue 3 + Vite 项目中配置代理解决开发环境中跨域请求问题

在Vue3+Vite项目中，配置代理是解决开发环境中跨域请求问题的常见方法。通过在Vite的配置文件中设置代理，可以将前端请求转发到后端服务器，从而避免浏览器的同源策略限制。

匹马夕阳·2025-02-25 07:19

vue3+vite 配置使用 @ 引入文件

如何在vue3中使用@来引入文件我这里用到的是vue:^3.2.45和vite:^4.1.0版本，所以在配置之前需要先安装一个可以使用resolve的插件，有了此插件就可以通过import来引入path

LayneTu·2025-02-25 05:04

vue3 + el-image-viewer 图片组件查看

vue2+element-ui中注意是on-closevue3+element-plus中就是closeurl-list：图片数组getFullImageURL为图片地址处理函数

琳一123456·2025-02-25 03:26

【Viewer.js】vue3封装图片查看器

效果图需求点击图片放大可关闭放大的图片下载cnpminviewerjs状态管理+方法stores/imgSeeStore.jsimport{defineStore}from'pinia'exportconstimgSeeStore=defineStore('imgSeeStore',{state:()=>({showImgSee:false,ImgUrl:'',}),getters:{},acti

视觉CG·2025-02-25 03:51

vue3 图片预览 v-viewer

vue3图片预览v-viewer百度没找到方法，自己看了源码发现的//添加依赖npminstallv-viewer//在main.js中注册import'viewerjs/dist/viewer.css

情话丫·2025-02-25 01:07

vue3 ts admin动态tab

Footer.admin{margin:0;padding:0;}.auto-height{height:calc(100vh-15px);}.el-menu--horizontal>.el-menu-item:nth-child(1){margin-right:auto;}.el-menu--horizontal.el-menu{border-bottom:none;}.el-main{marg

Tirzano·2025-02-24 23:56

Vue 2与Vue3 初始化内容有啥

Vue2：创建vue实例设置挂载点数据对象计算属性方法生命周期钩子Vue:创建vue实例加载响应式数据加载计算属性加载方法

捂風鋔笶_小欣同學·2025-02-24 18:46

vue2和vue3中路由的区别和写法？

前言：Vue2和Vue3中路由的主要区别在于使用的路由库不同。

尔嵘·2025-02-24 17:45

vue3监听watch

watch可以直接监听ref类型的数据，如果监听reactive会黄字警告你需要将reactive解构出来监听conststate=reactive({tagsList:[],currentTags:""})//监听当前Tags项let{currentTags}=toRefs(state)watch(currentTags,(newV,oldV)=>{console.log("数据变了",newV

·2025-02-24 14:59

Vue 2 vs. Vue 3：全面解析新一代框架的升级之处

从Vue2到Vue3，不仅仅是版本号的简单递增，而是一次彻底的重构和升级。本文将深入探讨Vue3相对于Vue2的主要区别，帮助你更好地理解和选择适合自己的框架版本。

HelloZheQ·2025-02-24 11:27

MTTK Vue Wrap 应用场景详解（二）

关键字:Vue3,配置开发,快速开发,组件封装,低代码前文提要：探讨了基于配置文件渲染出表单的具体应用场景以及和SFC的对比优势。

MTTKbelinda·2025-02-24 10:21

vue3+vite项目跨域配置（踩坑无数篇）

写这篇多少有点心情复杂，毕竟因为一个巨巨巨巨没意思的bug卡了两整天…废话不多说啦，开篇入题叭，希望大家都能改好自己的bugggggg！！！1.vite.config.js配置注意：因为我是用vite创建的，不是vue-cli，当时搜了好多教程都教的是新建一个vue.config.js，发现根本没有生效，所以，如果使用vite创建的项目就在vite.config.js里面配置如下代码：以我要访问的

大头女侠·2025-02-24 09:17

VUE3+VITE简单的跨域代理配置

出于安全考虑，未设置前端白名单，前端开发时，需要配置代理。在本地创建一个虚拟服务器，发送请求数据，同时接受请求的数据，利用服务器与服务器间，交互，不会有跨域问题，也是完全只靠前端自己独立解决跨域的方式应用代理前代理后前端http://localhost:5173/cms置空后端http://localhost:7001/apihttps://gov.cn:8080/gov-api/在.env.de

kkkkkkkkira·2025-02-24 09:46

django-hexo-admin（一个基于django的hexo博客平台）

django-hexo-admin一个过分简单的前后端分离的基于django、vue3的hexo博客平台后台管理系统1.项目介绍一个异常简单的但理论上能够完全保留hexo生态的博客后台管理系统。

朝凡FR·2025-02-24 09:13

nodejs：express + js-mdict 作为后端，vue 3 + vite 作为前端，在线查询英汉词典

向doubao.com/chat/提问：node.js+js-mdict作为后端，vue3+vite作为前端，编写在线查询英汉词典后端部分（express+js-mdict）1.项目结构首先，创建一个项目目录

belldeep·2025-02-24 09:11

vue3+vite+axios 配置连接后端调用接口的实现方法

在vite.config.ts文件中添加以下配置exportdefaultdefineConfig({plugins:[vue()],optimizeDeps:{include:['axios'],},build:{target:'modules',outDir:'dist',assetsDir:'assets',minify:'terser'//混淆器},server:{cors:true,op

嫣嫣细语·2025-02-24 09:11

封装confirm（Vue3+Ts）

封装confirm下周计划思路封装confirm首先要在以前js封装confirm的基础上进行操作之前封装confirm的时候是通过调用自己写的confirm函数实现弹窗的出现以及消失并进行逻辑的那么在Vue3

serendipity_05·2025-02-24 09:40

vue3中的usewebsocket

import{useWebSocket}from'@vueuse/core'import{ref}from'vue'constisFirstConnection=ref(true)//标志位，标记是否是第一次连接const{data,send,open,close}=useWebSocket('ws://your-websocket-url',{autoReconnect:{retries:3,d

Bunury·2025-02-24 08:38

忘掉 DeepSeek：Qwen 2.5 VL 与 Qwen Max 来了

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Qwen系列又推出了两款令人瞩目的新模型：Qwen2.5VL和Qwen2.5Max。

·2025-02-24 05:16

2022年9月前端学习笔记

目录2022.09.011、overflow:auto;2、封装通用axios返回值类型3、vite构建的vue3项目适配移动端4、使用vue3+vite+TypeScript搭建新项目1.新建项目2.

早日退休！·2025-02-24 04:09

推荐频道

Vue2&Vue3