Vue3

手把手教你搭建vue3项目-axios封装（添加请求页面loading）

Vue为什么选择axios，主要是axios支持promise，promise解决了回调嵌套的问题所以这期为大家带来axios的封装，封装可以让我们对于一些问题可以统一处理，而且看起来也比较整洁。目录创建项目组件推荐axios封装Vuex封装Router封装axios安装npmiaxios使用前我们要先了解axios的请求配置和响应结构axios请求配置{//`url`是用于请求的服务器URLur
黄壮Z·2025-03-01 14:16

DeepSeek 助力 Vue3 开发：打造丝滑的悬浮按钮（Floating Action Button）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的悬浮按钮（FloatingActionButton）前言页面效果指令输入属性定义1.外观相关
宝码香车·2025-03-01 12:34

Vue3 Composition API与十大组件开发案例详解

文章目录一、Vue3核心API解析1.1CompositionAPI优势1.2核心API二、十大组件开发案例案例1：响应式表单组件案例2：动态模态框（Teleport应用）案例3：可复用列表组件案例4：
北辰alk·2025-03-01 09:42

vue3 - vite项目报错Failed to parse source for import analysis because the content contains invalid JS sy

问题说明在vue3+vite项目开发中，详解报错：[plugin:vite:import-analysis]FailedtoparsesourceforimportanalysisbecausethecontentcontainsinvalidJSsyntax.IfyouareusingJSX
街尾杂货店&·2025-03-01 03:53

DeepSeek 助力 Vue3 开发：打造丝滑的页脚（Footer）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的页脚（Footer）前言页面效果指令输入属性定义1.基本内容相关属性2.样式相关属性3
宝码香车·2025-03-01 03:50

vue3+naiveUI开关switch

文档：https://www.naiveui.com/zh-CN/os-theme/components/switch正常禁用constloading=ref(false)//状态开关加载中constactive=ref(false)//开关状态constonSwitch=(e)=>{//console.log(e);loading.value=truesetTimeout(()=>{loadin
耶啵奶膘·2025-03-01 03:47

vue3导入字体

1.如何导入字体新建一个fonts.scss文件夹@font-face{font-family:'优设标题黑';//字体别名src:url('../font/优设标题黑.ttf')format('truetype');//资源路径}@font-face{font-family:'LCD-BOLD';src:url('../font//LCD-BOLD.TTF')format('truetype')
hdufu123·2025-03-01 00:02

el-pagination下拉框错位

这个问题通常是由于下拉框的容器渲染位置和页面样式（比如body的高度设置）造成的1.如果你使用的是ElementPlus（Vue3版本），可以尝试在el-pagination（或它内部用于显示页容量下拉框的组件
微臣酒驾来迟·2025-02-28 20:36

vue - 详解西瓜视频插件xgplayer自定义播放器界面布局及样式细节，强力覆盖修改西瓜播放器的CSS样式，修改播放/暂停按钮大小或图标、增加扩展按钮、修改快捷键图标、整体颜色主题、视频加载状态等

效果图在vue2、vue3项目开发中，详解vue引入使用xgplayer西瓜视频播放器后如何修改界面样式和快捷按钮样式大小等，强力修改西瓜播放器的视频加载图标及大小、播放和暂停按钮样式、全屏按钮样式、音量调解
街尾杂货店&·2025-02-28 17:16

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他