#vue3

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | 页面布局 与 Vue Router 路由配置

BuildDaily.BuildDifferently.今天我们将基于的Vue3+TailwindCSS项目，进一步拆分页面结构，引入VueRouter，构建基础导航与页面路由体系。
sunbyte·2025-05-19 09:51

【Vue3+ts 】 封装字典列表接口调用

最近在写Vue3后台管理系统，有一个场景是在新增或者编辑的时候需要一次性获得这几个字典的数据，于是字典接口封装应运而生：拿到的数据结构大概是这样的：第一步：创建useFormAjax.ts文件，封装getListByDicCode
阿丽塔~·2025-05-19 09:21

打包体积分析插件 vue3 (vite) ——rollup-plugin-visualizer，webpack——webpack-bundle-analyzer

使用打包工具在帮我门分析打包结果进而来做优化在用vite打包是通过rollup来完成的安装这里的打包体积优化是需要在开发环境下的所以不能在生产环境下安装的npminstall--save-devrollup-plugin-visualizernpmirollup-plugin-visualizer-D在vite.config.js中配置如下import{defineConfig,typePlugi
HarryHY·2025-05-19 07:06

vue3封装命令式弹窗组件

一、前言相信大家都封装过弹窗组件，基本思路都是父组件给子组件传递一个变量，子组件props进行接收，当点击确认或者关闭按钮时，通过emit回传事件供父组件调用。这种封装方式缺点是复用性查、使用频繁时需要定义多份{isVisible、handleSubmit、handleClose}代码，代码冗余，今天分享一种命令式组件封装的方式。二、什么是命令式组件命令式组件封装是一种将功能封装在组件内部，并通过
不会切肉的小辉同学·2025-05-18 20:23

【TypeScript 中的高级类型系统详解：Record、Ref 与字面量联合类型】

2.Vue3中的Ref类型2.1Ref的定义在Vue3
Gazer_S·2025-05-18 19:53

【springboot+vue3的前后端分离项目实现支付宝的沙箱支付】

【springboot+vue3的前后端分离项目实现支付宝的沙箱支付】以下是基于SpringBoot+Vue前后端分离项目实现支付宝沙箱支付的完整解决方案，包含关键代码和调试技巧一、项目架构设计二、后端实现
源码方舟·2025-05-18 17:36

Java全栈项目：校园智能门禁系统

技术栈后端SpringBoot2.7.xSpringSecurityMySQL8.0MyBatis-PlusRedisJWT前端Vue3ElementPlusAxiosVite核心功能模块
天天进步2015·2025-05-18 16:02

从 Vue3 回望 Vue2：性能优化内建化——从黑盒优化到可控编译

文章目录从Vue3回望Vue2：性能优化内建化——从黑盒优化到可控编译1.引言2.Vue2的性能优化机制解析3.Vue3的编译期优化能力拆解3.1静态提升（StaticHoisting）3.2PatchFlag
Wannaer·2025-05-18 16:31

Vue3路由：服务端渲染（SSR）（10）

服务端渲染（SSR）文章目录服务端渲染（SSR）一、中央厨房：理解SSR1.传统渲染vsSSR二、快速出餐：Nuxt3基础配置1.创建SSR项目2.自动路由配置三、后厨协作：服务端路由处理1.获取初始数据2.路由中间件四、传菜流程：数据交互优化1.共享状态管理2.客户端水合五、特殊订单：API路由1.创建后端接口2.前端调用接口一、中央厨房：理解SSR1.传统渲染vsSSR想象两家不同的餐厅：客户
双囍菜菜·2025-05-18 10:50

Vue百日学习计划Day21-23天详细计划-Gemini版

总目标:在Day21-23完成Vue.js的介绍学习、环境搭建，并成功运行第一个Vue3项目，理解其基本结构。
LuckyLay·2025-05-18 05:10

uniApp新模式: 使用Vue3 + Vite4 + Pinia + Axios技术栈构建

使用Vue3+Vite4+Pinia+Axios+Vscode模式开发之后，感叹真香！不用再单独去下载HBuilderX。废话不多说，直接上干货！
瑆箫·2025-05-18 05:08

Vue 3 性能优化实战：打造丝滑流畅的用户体验

对于使用Vue3开发的项目来说，优化性能、提升应用的流畅度至关重要。Vue3凭借其响应式系统升级、组合式API等特性，为性能优化提供了更多可能性。
谷雪_658·2025-05-18 04:03

西安前端面试

面试11.vue2和vue3的原理及区别2.伪数组3.对箭头函数怎么理解的4.vue父子组件传值的几种方式5.对Promise的理解面试21.两个升序数组实现合并升序排序2.数组拍平[3,[[7,[1,5
恰恰兄·2025-05-18 00:36

vue3和vite双向加持，uni-app性能再次提升

uni-app对vue3&Vite的升级，是一个渐进式过程：2020年9月：小程序平台支持vue3开发，小程序平台编译器依然使用webpack；2021年5月：H5平台支持vue3开发，H5平台编译器升级为
hbcui1984·2025-05-17 15:26

nuxt框架集成和使用，与vue3支持插件解析，与tauri框架结合实现跨平台应用方案

一、简介Nuxt是一个免费的开源框架，提供了一种直观且可扩展的方式，用于创建类型安全、高性能和生产级的全栈网页应用和网站，基于Vue.js。二、特性1.自动化与约定基于文件的路由：根据pages/目录的结构定义路由。这样可以更轻松地组织您的应用，避免手动配置路由的需要。代码分割：Nuxt自动将代码拆分成更小的块，这有助于减少应用的初始加载时间。开箱即用的服务器端渲染：Nuxt自带内置SSR功能，因
垣宇·2025-05-17 12:36

vue-pure-admin搭建流程

Vuepureadmin是基于Vue3的轻量级响应式管理模板，旨在帮助开发者快速构建高性能的后台管理界面。它采用了现代开发工具和最佳实践，如Vite进行构建和优化，具备灵活性和易用性。
Tanya.Wang·2025-05-17 09:20

我用 Appuploader绕过 Mac，成功把 iOS 应用上线了 App Store

一、开发环境vs上架需求的矛盾项目开发用的是Ionic+Vue3，前端熟得不行，上架却成
2501_91590906·2025-05-17 07:03

Vue全家桶

今天做项目，客户(ZWN)要求必须使用以下技术vue3+setup语法糖+组合式apivue-routeraxiospiniaui框架Elementplus那这里，刚好总结一下这些技术（实例解释）1.Vue3
伍六星·2025-05-17 06:25

前端面经-VUE3篇（一）--vue3基础知识- 插值表达式、ref、reactive

目录一、插值表达式1、插值表达式({{}})的本质与作用：2、与Vue响应式系统关系：二、指令1、什么是Vue指令？2、指令的分类1、内置指令①内容绑定：v-text和v-html②属性绑定：v-bind③事件绑定：v-on④条件渲染：v-if、v-else-if、v-else⑤列表渲染：v-for⑥双向绑定：v-model⑦性能优化：v-once、v-memo⑧其他指令v-pre：跳过模板编译阶
小杨升级打怪中·2025-05-17 05:20

前端面经-VUE3篇（二）--vue3基础知识（二）计算属性(computed)、监听属性（Watch）

一、计算属性(computed)计算属性（ComputedProperties）是Vue中一种特殊的响应式数据，它能基于已有的响应式数据动态计算出新的数据。计算属性有以下特性：自动缓存：只有当它依赖的响应式数据发生变化时，才会重新计算。响应式更新：依赖的数据变化后，会自动触发计算属性重新计算。简化模板：在模板中使用计算属性可以减少复杂逻辑，让模板更清晰、易读。简单来说：计算属性是基于其他响应式数据
小杨升级打怪中·2025-05-17 05:20

前端面经-VUE3篇（五）--内置组件

一、Transition是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发：由v-if所触发的切换由v-show所触发的切换由特殊元素切换的动态组件改变特殊的key属性1、基本用法基本用法切换HelloWorldimport{ref}from'vue'constshow=ref(tru
小杨升级打怪中·2025-05-17 05:20

Vue3响应式原理那些事

文章目录1响应式基础：Proxy与Reflect1.1Proxy代理拦截1.2Reflect确保`this`指向正确1.2.1修正`this`指向问题1.2.2统一的操作返回值1.3与Vue2的对比2依赖收集与触发机制2.1全局依赖存储结构：WeakMap→Map→Set2.2依赖收集触发时机2.3依赖收集核心实现：track函数2.4依赖触发：trigger函数2.5副作用管理：Reactive
村头的猫·2025-05-17 03:05

Vue 3 中 watch 的使用与深入理解

在Vue3的CompositionAPI中，watch是一个非常强大的工具，用于监听响应式数据的变化并做出相应的处理。本文将通过一段实际代码来深入解析watch的行为和使用技巧。
斯~内克·2025-05-16 21:29

vue3定义全局防抖指令

文章目录代码参数讲解在写项目时，总会有要进行防抖节流的时候，如果写一个debounce函数的话用起来代码总会是有点长的，因此想到了用一个全局指令进行输入框的防抖，毕竟全局指令使用时只要v-xxx就行了，非常方便代码前提是需要全局注册使用exportdefault{debounce:{mounted(el:{addEventListener:(arg0:string,arg1:()=>void)=>
serendipity_05·2025-05-16 14:05

uview-plus去除看广告

uview-plus是uview2的vue3版本，使用方式和vue2版本几乎一模一样，但是有个很恶心的地方，就是组件文档要看广告解决办法如下：调整这两个页面的z-index值为0以下即可--------
于慨·2025-05-16 13:59

vue3组件传值v-model的双向数据绑定

组件v-model父组件内constselectParams=ref({name:null,address:null,desc:null})我们在子组件上定义v-model用于双向绑值，父组件内需要定义一个绑定的变量searchForm子组件然后在子组件内通过defineProps接收父组件绑定的值constprops=defineProps({modelValue:{type:Function,
·2025-05-16 13:56

uniapp+vue3中自动导入ref等依赖

前言：在我们使用uni-app+vue3创建项目，开发的过程中，老是需要导入我们的ref、onshow等，那么能不能自动导入，不用我们每个页面都写呢？
浩星·2025-05-16 07:45

Vue3 本地环境 Vite 与生产环境 Nginx 反向代理配置方法汇总【反向代理篇】

最近在开发一个Vue3+.NET8的项目时，我就遇到了开发环境配置正常，但部署
Microi风闲·2025-05-16 07:10

vue3+vite使用vite-svg-loader，加载svg

安装npminstallvite-svg-loader--save-devvite.config.js配置importsvgLoaderfrom'vite-svg-loader'exportdefaultdefineConfig({plugins:[vue(),svgLoader()]})特别注意vite-env.d.ts中添加，否则打包报错//////使用URLimportSvgImagefro
jquerybootstrap·2025-05-16 04:18

前端流行框架Vue3教程：15. 组件事件

组件事件在组件的模板表达式中，可以直接使用$emit方法触发自定义事件触发自定义事件的目的是组件之间传递数据我们来创建2个组件。父组件：ComponentEvent.vue,子组件：Child.vueChild.vueexportdefault{//子组件通过$emit触发父组件的自定义事件并传递数据//someEvent为自定义事件名，"来自Child的数据"为传递的数据methods:{cli
Python涛哥·2025-05-16 00:53

为什么react需要fiber架构，而vue不需要？

我们可以从几个维度来理解为什么React需要Fiber架构，而Vue（特别是Vue2和Vue3）目前不需要类似Fiber的架构。一、什么是ReactFiber架构？
光影少年·2025-05-15 23:45

vue3计算属性computed属性

文章目录一、什么是计算属性：二、computed运行原理三、vue2的写法vue3的写法总结一、什么是计算属性：computed函数，是用来定义计算属性的，计算属性不能修改。
小阳睡不醒·2025-05-15 20:50

基于 DeepSeek + Uniapp 跨多端AI流式对话【app演示版】

原创重磅跨端ai新作uni-app+vue3+markdown接入deepseek-v3大模型实战h5+小程序+app端流式输出对话智能小助手。
·2025-05-15 18:44

vue3 vue-ganttastic 使用

简介vue3原生开源甘特图：地址：https://zunnzunn.github.io/vue-ganttastic/功能相对简单；做项目进度展示，会议室预定展示还可以；不支持复杂粒度控制；1、安装pnpminstall
小云小白·2025-05-15 14:37

前端最新面试题

答案：CompositionAPI是Vue3引入的一种新的编写组件逻辑的方式，通过setup函数来组织代码。它允许更灵活地复用逻辑和更好的类型推断。
阿芯爱编程·2025-05-15 12:55

使用 Vue 开发登录页面的完整指南

一、项目搭建与基础配置环境准备使用VueCLI或Vite创建项目，推荐组合：Vue3+ElementPlus+VueRouternpmcreatevue@latestnpminstallelement-plus
·薯条大王·2025-05-15 06:48

微信小程序uni-app,使用vue3配置vuex

直接复制//store.js//#ifndefVUE3importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store
超级无敌暴龙战士大全·2025-05-15 03:28

uniapp+vue3开发项目之引入vuex状态管理工具

前言：我们在vue2的时候常用的状态管理工具就是vuex，vue3开发以后，又多了一个pinia的选项，相对更轻便，但是vuex也用的非常多的，这里简单说下在uni-app中vuex的使用。
浩星·2025-05-15 03:27

2025年01月03日美蜥（杭州普瑞兼职）一面

目录vue2vue3的区别react性能优化react组件传值v-for和v-if的优先级react中多个接口请求的数据，需要渲染到一个列表上怎么处理百万条数据怎么渲染vue2、vue3的响应式原理微前端了解吗
uperficialyu·2025-05-14 14:00

Vue 3高级特性：Composition API与自定义Hooks深度解析

Vue3高级特性：CompositionAPI与自定义Hooks深度解析一、CompositionAPI设计哲学1.与OptionsAPI对比维度OptionsAPICompositionAPI代码组织按选项类型分组
2501_91537388·2025-05-14 14:28

【vue】首次uniapp搭建跨端应用全过程

生成工单里的细则项为这些细则项添加图片（可以拍照上传图片、预览）图片的修改和删除PS：感觉功能相对简单，放弃一直用的web+cordova，试一下uniapp跨端开发平台：h5和android二、构建项目创建vue3
EF@蛐蛐找糖·2025-05-14 12:14

信创背景下，富文本编辑器如何实现国产化适配？

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

vue2开发者sass预处理注意

vue3默认使用的是dart-sass。Uniapp的官方文档截图从HBuilderX4.56+，vue2项目也将默认使用dart-sass预编译器。
larntin2002·2025-05-13 22:45

使用 ExcelJS 导出富文本编辑器样式

Vue3是一个流行的前端框架，而ExcelJS是一个强大的JavaScript库，可以帮助我们在浏览器中生成和导出Excel文件。本文将介绍如何在Vue3中使用ExcelJS导出富文本编辑器的样式。
创梦引领·2025-05-13 17:09

基于vue3和flask开发的前后端管理系统（一）：项目启动准备

准备工作我们需要准备以下工具vue3：构建前端tailwindcss：样式库vite：快速构建vue项目pinia：vue3的事件管理器flask：后端代码Mysql：数据库heidisql：数据库图形化界面
家有狸花·2025-05-13 15:28

vue3 threeJs Sprite模拟下雨、下雪

嗨，我是小路。今天主要和大家分享的主题是“threeJsSprite模拟下雨、下雪”。在物联网3D可视化、数字孪生、游戏等项目开发过程中，可能会模拟天气的效果的需求。学会精灵图模拟下雨、下雪，也可以用在官网首页做背景图。一、主要思路1.获取雨滴或者雪花图方案：可以去阿里适量图标库寻找对应的图片。2.思路方案：精灵图sprite的加载和其它模型的加载思路是一样。1、创建屏幕2、添加相机3、添加精灵图
资深前端之路·2025-05-13 12:10

vue3 + threejs 实现仿iView官网大波浪特效

一、效果图先上最终效果图：具体效果可参考iview官方界面iView-一套高质量的UI组件库大波浪效果，使用的是three.js的官方例子，需要先安装three.js支持,具体可以看官方实例three.jsexamples(threejs.org)二、代码1.安装threejsnpminstall--savethree2.代码（复制可用）components文件夹新建组件waves.vue，直接复
sea9528·2025-05-13 12:08

【vue3+webpack5】基于vue3+webpack5配置逐步搭建前端项目

vue3+webpack5搭建前端项目基础篇1.创建vue项目2.删除package.json中不用的依赖3.安装webpack相关依赖4.创建webpack配置文件，并写入代码5.修改`package.json
佘小麦·2025-05-13 12:08

以党建网为例，深入分析IT技术栈，实战经验

人大金仓KingbaseES-中间件：东方通TongWeb/金蝶Apusic-符合《信息安全技术网络安全等级保护基本要求》（GB/T22239-2019）2.国际主流方案（需通过等保三级认证）：-前端框架：Vue3
似水流年 光阴已逝·2025-05-13 12:08

vue3将dom打印pdf文件

这里使用的是vue3的一个插件vue3-print-nb使用步骤1.安装插件npminstallvue3-print-nb--save2.在main.js引入//main.jsimport{createApp
dlwlrma2022·2025-05-13 11:29
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他