vue3仿微信

基于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

《Vite终极配置指南 | 手把手搭建高效Vue3开发环境》

开篇：为什么选择Vite？Vite就像前端开发的涡轮增压引擎——✅闪电启动：基于ESM的按需编译✅热更新神速：HMR速度提升10倍+✅开箱即用：内置TypeScript/SCSS支持✅高度可扩展：插件生态丰富️一、配置文件全景解析import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@v
落叶下长安_·2025-05-13 10:26

《Vue Router终极指南 | 从路由原理到实战落地，打造丝滑SPA》

路由守卫——权限控制的钢铁侠战甲✅动态路由——让页面按需加载✅历史模式——抹去URL中的#魔法印记️一、环境准备|创建你的第一扇传送门1.安装VueRouternpminstallvue-router@4#Vue3
落叶下长安_·2025-05-13 10:56

uniapp:exception:white screen cause create instanceContext failed,check js stack -＞ at useStore

关于uniapp使用vue3打包APP报错：exception:whitescreencausecreateinstanceContextfailed,checkjsstack->atuseStore的解决方案
m0_73259340·2025-05-13 09:47

01-如何引导AI来帮助我们完善项目

后台项目有哪些亮点，有哪些难点，你怎么解决的封装组件封装2.自定义指令3.hook(vue3的组合式函数)优化(举例)防抖节流2.避免内存泄露3.组件销毁时销毁定时器，window对象的事件绑定vue计算属性
teayear·2025-05-12 15:54

后台数据管理系统 - 项目架构设计-Vue3+axios+Element-plus（0917）

十一、登录注册页面[element-plus表单&表单校验]我的Git仓库：https://gitee.com/msyycn/vue3-hei-ma.git注册登录静态结构&基本切换安装element-plus
尸僵打怪兽·2025-05-12 11:22

vue3+elementplus+nodejs/java搭建长连接

WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议websocket约定了一个通信的规范，通过一个握手的机制，客户端和服务器之间能建立一个类似tcp的连接，从而方便它们之间的通信在websocket出现之前，web交互一般是基于htt
前端小云儿·2025-05-12 11:22

【Vue3+Ts】—— composition API（三）计算属性

目录computedwatchEffectwatchEffect的停止侦听watchEffect清除副作用setup中使用refwatchEffect的执行时机调整watchEffect的执行时机Watch的使用侦听单个数据源侦听多个数据源侦听响应式对象watch的选项生命周期钩子Provide函数Inject函数数据的响应式修改响应式Propertycomputed在前面我们讲解过计算属性com
ChocolateBar~·2025-05-12 09:10

Vue3.0+TS管理系统基础使用之变量声明、计算属性、监听属性

将近一年没写过管理系统了，上一次用的还是vue2+js，这次接手的项目是Vue3+ts，一眼看过去好熟悉的style，第二眼开始蒙，数据写哪？计算属性咋写啊？
来啦来啦~·2025-05-12 09:10

vue3+ts的computed属性怎么用？

首先我们要进行引入computed这个属性，然后定义用这个属性的时候我们要先了解这个属性。这个computed其实分为里两种！一种是仅可读的，还有一种就是即可以读，又可以修改的！那我们常用的肯定是后者！我们引入方法后，里面直接包一个对象里面装着get()set()两种方法！学习java后端的应该都不陌生！哈哈哈哈哈，然后get就是拿到这个计算的值，直接return回来即可，而set就是要对计算的值
liuyang___·2025-05-12 08:36

springboot3+vue3融合项目实战-大事件文章管理系统获取用户详细信息

在UserController里面增加代码@GetMapping("/userInfo")publicResultuserInfo(@RequestHeader(name="Authorization")Stringtoken){//根据用户名查询用户Mapmap=JwtUtil.parseToken(token);Stringusername=(String)map.get("username"
Edward Nygma·2025-05-12 06:16

springboot3+vue3融合项目实战-大事件文章管理系统-更新用户头像

大致分为三步首先在usercontroller里面加入方法@PatchMapping("/updateAvatar")publicResultupadateAvatar(@RequestParam@URLStringavatarUrl){userService.updateAvater(avatarUrl);returnResult.success();}@url注解能验证传入的url是不是合法的
Edward Nygma·2025-05-12 06:16

springboot3+vue3融合项目实战-大事件文章管理系统-登录主逻辑，登录认证和JWT令牌

@PostMapping("/login")publicResultlogin(@Pattern(regexp="^\\S{5,16}$")Stringusername,@Pattern(regexp="^\\S{5,16}$")Stringpassword){//根据用户名查询用户UserloginUser=userService.findByUsername(username);//判断该用户
Edward Nygma·2025-05-12 06:46

springboot3+vue3融合项目实战-大事件文章管理系统-开发模式和环境搭建

1.执行以下代码，准备数据库表--创建数据库createdatabasebig_event;--使用数据库usebig_event;--用户表createtableuser(idintunsignedprimarykeyauto_incrementcomment'ID',usernamevarchar(20)notnulluniquecomment'用户名',passwordvarchar(32)
Edward Nygma·2025-05-12 06:16

vue3使用tailwindcss报错问题

npmcreatevite@latestnpminstall-Dtailwindcsspostcssautoprefixernpxtailwindcssinit4.·不过执行npxtailwindcssinit的时候控制台就报错了PSE:\vite-demo>npxtailwindcssinitnpmERR!cb.applyisnotafunctionnpmERR!Acompletelogofth
shmily麻瓜小菜鸡·2025-05-11 22:28

vue3设置全局css变量

1、common.scss文件中定义全局变量$common-color:red;2、在vite.config.js中导入common.scss文件defineConfig({css:{//css预处理器preprocessorOptions:{scss:{charset:false,additionalData:'@import"./src/styles/common.scss";',},},}}
煸橙干儿~~·2025-05-11 22:28

【vue3+elementuiplus】el-select下拉框会自动触发校验规则的最强解决方案

场景：新增弹层和编辑弹层共用一个组件，其中有select需要做必填校验，select的必填触发规则是change。当第一次打开的是新增弹层时，一切安好。若是先打开编辑弹层，再打开新增弹层，新增弹层就会自动触发select的校验规则。以上显然不符合需求。为了取消el-select的自动校验，我尝试了更换select的校验触发方式为blur，但是会带来一个新的问题——先点击确定触发校验，再选择sele
湛海不过深蓝·2025-05-11 22:53

Vue3中v-model的超详细教程

大家好呀～今天给大家带来一个超级实用的Vue3技巧：如何使用v-model实现数据双向绑定！如果你在开发过程中需要快速实现表单输入与组件状态同步，那么v-model绝对是你的最佳选择！
风清扬雨·2025-05-11 21:53

DeepSeek+Yolov8-12的中草药检测分析系统开发实战

本系统采用Vue3+Flask的前后端分离架构，集成YOLOv8-12模型进行图像识别，结合DeepSeek大语言模型提供专业分析，实现一个完整的中草药智能检测平台。
Android洋芋·2025-05-11 20:46

Vue3--组件的二次封装

二、为什么要进行组件封装目前开源的Vue3组件库有很多，包括ElementPlus、AntDesignVue、NaiveUI、Vuetify、Varlet等等。在大部分场景中，我们直接使用现有组件库中
weixin_53094984·2025-05-11 17:56

工程化:vite3+vue3二次封装antdvue组件方法

有时候，第三方的组件库不能满足我们的业务需求，就有必要对别人的组件进行再次的封装，下面我们以antdvue里面的button组件二次封装为例，研究下封装的过程最后效果基础代码<a-buttontype
风清云淡_A·2025-05-11 17:55

Vue3 Element Plus el-tabs数据刷新方法

方法1:使用@tab-change事件{{tab1Data}}{{tab2Data}}import{ref}from'vue';constactiveTab=ref('tab1');consttab1Data=ref(null);consttab2Data=ref(null);consthandleTabChange=(tabName)=>{if(tabName==='tab1'){fetchTa
滿·2025-05-11 16:50

Vue3 + Element Plus 动态表单实现

完整代码{{option.label}}{{option.label}}提交重置import{ref,onMounted}from'vue'import{ElMessage}from'element-plus'//表单引用constdynamicFormRef=ref()//加载状态constloading=ref(false)//表单数据constformData=ref({})//表单验证规则
滿·2025-05-11 15:16

Vue 3响应式核心：深入解析ref与reactive的区别与实现原理

一、引言在Vue3的响应式系统中，ref和reactive是最核心的API。许多开发者在使用时容易混淆两者的区别，本文将通过用法对比、原理分析和源码解读，帮助开发者深入理解这两个API的设计思想。
小钟H呀·2025-05-11 14:35

Vue.js 源码解析：深入 Vue 3 中 ref 和 reactive

ref的源码解析2.1基本使用回顾2.2源码实现源码解释三、reactive的源码解析3.1基本使用回顾3.2源码实现源码解释四、ref和reactive的区别与联系4.1区别4.2联系五、总结一、引言在Vue3
码上前端·2025-05-11 13:04

深入解析Vue3中ref与reactive的区别及源码实现

深入解析Vue3中ref与reactive的区别及源码实现前言Vue3带来了全新的响应式系统，其中ref和reactive是最常用的两个API。
森哥的歌·2025-05-11 13:02

【二.Vue3 Composition API：革新前端开发体验】

2.Vue3API相关2.1OptionsAPI与CompositionAPIVue2的API设计是Options（配置）风格的Vue3的API设计是Composition（组合）风格的2.1.1OptionsAPI
hhcainiaohh·2025-05-11 10:14

vue3模版语法

下面是常用的Vue模板语法总结（以Vue3CompositionAPI为基础，也适用于Vue2的OptionsAPI）：基本语法插值语法（Interpolation）用于绑定文本、属性等。
layman0528·2025-05-11 09:32

vue3父组件修改子组件的值

使用ref+expose（推荐方式）子组件(ChildComponent.vue):import{ref}from'vue'constchildData=ref('子组件初始数据')//暴露需要被父组件访问的数据和方法defineExpose({childData,updateChildData(newValue){childData.value=newValue}})父组件:修改子组件数据imp
前端小菜鸟也有人起·2025-05-10 22:26

【Axios】解决Axios下载二进制文件返回空对象的问题

【Axios】解决Axios下载二进制文件返回空对象的问题问题背景在一个基于Vue3的项目中，我们使用Axios下载Excel文件，但遇到了一个奇怪的问题：文件能成功下载下来，但打开时显示内容为[objectObject
yunfanleo·2025-05-10 22:52

vue3 Element-Plus封装的el-tree-select的使用

更多ruoyi-nbcio功能请看演示系统gitee源代码地址前后端代码：https://gitee.com/nbacheng/ruoyi-nbcio演示地址：RuoYi-Nbcio后台管理系统http://218.75.87.38:9666/更多nbcio-boot功能请看演示系统gitee源代码地址后端代码：https://gitee.com/nbacheng/nbcio-boot前端代码：h
宁波阿成·2025-05-10 22:19

Vue3 el-tree：全选时只返回父节点，半选只返回勾选中的节点（省-市区-县-镇-乡-村-街道）

需求原因：全选时，传给接口的code数据太多了；如果加上check-strictly父节点与子节点无关联，可以初步满足需求效果如下使用了check-strictly的话，tree就没有了半选效果不好的地方：用户体验感不好，按道理你勾选中了南昌市的话，下面的子节点都需要全部勾选上的，但由于传参数据太多，不得已使用了check-strictly，问题来了，此时需要满足俩个要求：1、全选时只返回父节点2
Pop–·2025-05-10 21:45

在 Vue 3 中使用 canvas-confetti 插件

在Vue3中使用canvas-confetti插件canvas-confetti是一个轻量、无依赖的JavaScript动画库，用于在网页上展示彩带、庆祝动画。
黑匣子~·2025-05-10 15:38

Vue3中的模板指令——DOM事件监听指令v-on

4.6.3事件监听指令v-on（@）可以使用v-on指令(简写为@)来监听DOM事件，并在事件触发时执行对应的JavaScript脚本，即handler事件处理函数。用法：v-on:click="handler"或@click="handler"。事件处理器(handler)的值可以是：内联事件处理器：事件被触发时执行的内联JavaScript语句(与onclick类似)。方法事件处理器：一个指向
南腔北调-pilmar·2025-05-10 11:13

速通Vue3：从入门到实战（附图解+对比）

针对Vue2转Vue3开发者/刚接触框架的新手，快速掌握核心差异与实战技巧一、生命周期对比（Vue2vsVue3）1.1生命周期对照表（含组合式API）vue2是选项式API的写法，vue3是支持选项式和组合式两种写法
鎏旧·2025-05-10 11:40

Vue 3 中编译时和运行时的概念区别

文章目录前言Vue3中的编译时vs运行时区别模板在编译时转化为渲染函数编译时的优化处理运行时的工作：创建组件实例与渲染流程前言详细整理Vue3中编译时和运行时的概念区别，并重点解释为什么组件实例是在运行时创建的
TE-茶叶蛋·2025-05-10 09:23

【报错】vite+vue3项目中WebSocket代理连接失败的一种可能性

注意vite.config.ts中代理设置是否设置headervite.config.ts"/api/":{target:`http://1.1.1.1/`,//请求后台接口ws:true,changeOrigin:false,//允许跨域headers:{Connection:"keep-alive",},},header设置会干扰WebSocket协议的正常升级流程，从而影响到WebSocke
小阿承·2025-05-10 05:33

Vue3 + Node.js 实现客服实时聊天系统（WebSocket + Socket.IO 详解）

我们使用Vue3作为前端框架，Node.js作为后端，通过WebSocket+Socket.IO协议实现实时通信。1.1实时通信的痛点传统HTTP协议就像打电话：客户端发起请求→服务器响应→挂
盛夏绽放·2025-05-09 23:49

三维装配可视化界面开发笔记

技术栈前端框架:Vue3(使用组合式API)构建工具:Vite6.3.43D引擎:Three.jsr152状态管理:Pinia2.1.0路由:VueRouter4.2.0模型加载:GLTFLoad
小彭律师·2025-05-09 19:23

15.Three.js PointLight 知识详解 + Vue3 实战案例

本文将带你全方位了解Three.js中的PointLight点光源，包括它的属性、使用方式、配套工具以及如何在Vue3中使用CompositionAPI构建一个完整可视化场景✨！
吉檀迦俐·2025-05-09 18:44

Vue3 组合式 API 与 TypeScript 类型系统深度实践

关于Vue3组合式API与TypeScript类型系统的技术文章示例，包含代码实践和最佳实践：Vue3组合式API与TypeScript类型系统深度实践一、组合式API的类型强化优势typescriptCopyCode
·2025-05-09 17:07

Vue3渲染引擎：虚拟DOM与响应式原理

Vue3渲染引擎：虚拟DOM与响应式原理在当今的前端开发中，Vue.js作为一种流行的JavaScript框架，经常被用来构建用户界面。
caihuayuan4·2025-05-09 13:44

硅谷甄选前端Vue3+TS学习笔记

vue3+ts水平一般，还在学习阶段，主要是记录一些自己使用不怎么熟练的，欢迎指导与讨论。
玹嬬茉·2025-05-09 03:40

硅谷甄选项目笔记

技术栈包含***:vue3+TypeScript+vue-router+pinia+element-plus+axios+echarts***等技术栈。
萧曵 丶·2025-05-09 03:08

尚硅谷-硅谷甄选项目记录

一、Vue31基础配置1.1@路径别名vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//引入path
年纪轻轻只想躺平·2025-05-09 03:36
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他