vue3

赵庆明老师7 天前
json·vue3·vben
vben开发入门6:tsconfig.json这个文件是 TypeScript 的配置文件,用来告诉 编译器:作用: 给 JSON 文件提供智能提示、语法校验,让你写 tsconfig 时不会写错格式。 简单理解:编辑器辅助配置,不影响代码运行。
赵庆明老师7 天前
前端·html·vue3·vben
vben开发入门5:vite.config.ts这是一个基于 Vue 3 + Vite + Ant Design Vue 的前端中后台管理项目(具体是 vue-vben-admin 框架的子应用)的核心配置文件 package.json,左侧展示了项目的目录结构。
沙振宇9 天前
3d·vue3·点云·pcd
【Web】使用Vue3+PlayCanvas开发3D游戏(十二)渲染PCD点云可视化模型前一篇《【Web】使用Vue3+PlayCanvas开发3D游戏(十一)渲染3D高斯泼溅效果》csdn文件大小限制,只能压缩成小图,剪辑上传
是席木木啊12 天前
前端·vue3·日志框架
告别console.log!Vue3项目日志框架选型指南在前端开发中,console.log 是我们调试代码、定位问题的“入门工具”,但随着Vue3项目规模扩大、业务复杂度提升,杂乱无章的 console.log 会逐渐成为项目维护的“绊脚石”——生产环境泄露用户token、接口数据等敏感信息,调试日志与错误日志混为一谈难以筛选,线上故障无法追溯操作链路,排查问题全靠“猜”。此时,一套专业的前端日志框架,就成为Vue3项目工程化落地的刚需。
程序员-南12 天前
缓存·vue3
解决 Vue3 中 keep-alive 缓存问题的方法Vue3 中使用 keep-alive 组件时,缓存问题可能会影响性能,特别是在组件更新时,以下是几种有效解决 keep-alive 缓存问题的方法:
qq_120840937113 天前
前端·javascript·vue.js·vue3·three.js
Three.js 模型加载稳定性实战:从资源失败到可用发布的工程化方案很多 Three.js 项目并不是卡在渲染性能,而是卡在“模型加载不稳定”:本地正常、线上 404、跨域报错、贴图丢失、首屏白屏。本文用 Vue3 + Vite + Three.js 搭建一个可运行示例,完整演示 glTF 资源组织、加载流程、错误兜底、进度反馈与发布前自检。你可以直接把这套流程迁移到业务项目,降低线上故障率与排查成本。
qq_120840937113 天前
开发语言·javascript·缓存·vue3
Three.js 模型加载与线上稳定性实战:路径、跨域、缓存与降级全链路指南这篇文章聚焦 Three.js 项目在上线阶段最容易出现的问题:模型加载失败、贴图丢失、跨域报错、缓存污染与回滚困难。基于 Vue3 + Vite + Three.js 给出一套可落地方案:资源目录规范、加载器封装、错误兜底、版本化发布与灰度降级。你可以直接复用文中的代码和清单,把“本地可运行”升级成“线上可稳定”。
qq_120840937113 天前
javascript·3d·vue3·交互·webgl·gltf
Vue3 + Three.js 入门实战:从 0 到 1 搭建可交互的 3D 场景(含模型加载与性能优化)Vue3 + Three.js 入门实战:从 0 到 1 搭建可交互的 3D 场景(含模型加载与性能优化) 一、为什么是 Vue3 + Three.js 1.1 背景与目标 在前端可视化场景里,2D 图表已经很成熟,但在产品演示、数字孪生、3D 展示页、营销互动页中,3D 表达的需求越来越常见。Three.js 是一个对 WebGL 的上层封装库,能让我们用更低门槛的方式在浏览器中渲染 3D 内容;Vue3 则负责组件化组织与状态管理,让工程更易维护。
qq_120840937113 天前
javascript·3d·vue3·交互
Vue3 + Three.js 实战入门:从零搭建可交互3D场景(含模型加载与性能优化)本文面向有Vue基础但Three.js零基础的前端开发者,完整演示如何在Vue3项目中集成Three.js创建交互式3D场景。内容涵盖:Vite环境初始化、Three.js核心三要素(场景/相机/渲染器)配置、光照与基础几何体创建、轨道控制器实现交互、glTF模型加载、动画循环与响应式适配。文章提供可运行的完整代码示例,并包含5个关键性能优化技巧和常见错误排查指南,帮助开发者快速上手3D可视化开发。
曲幽13 天前
vue3·inject·provide·pinia·v-model·props·mitt·emit
Vue 3 组件通信,别只会用 Props 和 Emits 了,这几个狠活儿你得看看是不是每次遇到跨层级组件传值,就感觉代码像一团乱麻?明明用的是Vue 3,却还在用Vue 2的思维写一堆层层转发的 props 和 emits ?
曲幽14 天前
vue3·vue2·web·watch·data·this·reactive·setup·ref
Vue 3 组合式 API 香是香,但从Vue2迁移时你可别像我当初一样踩进这 3 个深坑里是不是听说 Vue 3 组合式 API(Composition API)更好用了,逻辑复用好到飞起,Tree Shaking 瘦身效果一流,于是摩拳擦掌想把那个跑了两年的 Vue 2 老项目给升了?
儒雅的烤地瓜18 天前
vue.js·vue3·选项式api·组合式 api·setup方法·<script setup>
Vue | Vue3中<script setup>用法详解你是不是还在为 Vue 组件的那些繁琐语法头疼?每次写个组件都要 export default、methods、data 来回折腾,感觉代码总是啰里啰嗦的?
菜鸟茜19 天前
vue3·element-plus·组件封装·前端复用·省市区县级联
Vue3 + Element Plus 省市区县级联组件封装,支持 v-model 双向绑定 + 回显,可直接复用在后台管理系统中,省市区三级联动是非常常见的需求,无论是查询条件、新增表单、编辑弹窗,都需要用到。为了避免重复代码,提升开发效率,我们可以把省市区三级联动封装成一个通用复用组件,支持:
蜡台21 天前
前端·javascript·vue.js·vue3·router·ref
Vue3 props ref router 数据通讯传输等使用记录在Vue2中 一般用 this.$ref.xxxx 进行获取组件对象Vue3中就不使用这个方法了: 例如:
梵得儿SHI22 天前
前端·javascript·vue3·axios·样式解决方案·api请求管理·统一请求处理
Vue 3 工程化实战:Axios 高阶封装与样式解决方案深度指南在 Vue 3 的现代开发中,优雅的 API 请求管理和清晰的样式方案是项目可维护性的两大支柱。本文将从工程化角度出发,不仅讲解 Axios 的封装与拦截器原理,还会深入对比 Scoped CSS、CSS Modules 及预处理器的优劣,配合实战代码与图解,助你搭建企业级的 Vue 项目基础架构。
叱咤少帅(少帅)22 天前
vue3
vue3 开源项目vue3-element-admin 基于 Vue3、Vite、TypeScript 和 Element-Plus 搭建的极简开箱即用企业级后台管理前端模板
儒雅的烤地瓜25 天前
vue.js·vue3·vue2·组合式api·setup函数·option api
Vue | 一文详解Vue3中的Setup()函数目录一、前言二、setup 函数详解▼ setup 函数的简介▼ setup 函数的特点▼ setup 函数的返回值
Irene19911 个月前
前端·ui·框架·vue3
ElementPlus 与成熟后台框架对比:vue-element-plus-admin、vue-pure-admin等ElementPlus是一个UI组件库,而基于它的成熟后台框架(如vue-element-plus-admin、vue-pure-admin)提供了完整的后台解决方案,包含权限管理、动态路由等功能。
终端鹿1 个月前
vue3·element plus·二次封装
Vue3 与第三方组件库联动:Element Plus 按需引入与二次封装前言:在 Vue3 项目开发中,Element Plus 作为官方推荐的第三方组件库,凭借丰富的组件、良好的兼容性和美观的样式,成为中后台管理系统、常规业务页面开发的首选。但实际开发中,很多开发者会遇到两个核心问题:一是完整引入 Element Plus 导致打包体积过大,影响项目加载速度;二是组件原生功能无法完全匹配业务需求,重复开发相似逻辑导致代码冗余。本文基于 Vue3 + Vite + JavaScript 实战,详细讲解 Element Plus 两种按需引入方式(自动引入/手动引入)的配置流程
Grocery store owner1 个月前
vue3·wangeditor
vue3使用wangeditor上传附件以及添加表格,可以直接复制粘贴excel内容下载依赖包引入dom结构方法配置官网: https://www.wangeditor.com/ demo: https://stackblitz.com/edit/vue3-wangeditor-demo?file=src%2Fcomponents%2FBasicEditor.vue 插件: https://www.wangeditor.com/v5/plugins.html