vue随笔第16页

前端工程结构设计指南：如何让模块解耦、易维护、可拓展

点出目标：「本文分享一套结构设计和代码组织原则，适用于React/Vue项目，助力构建可维护、可拓展的前端工程。」举例说明：一个模块修改，影响到其他模块。接口参数相同但结构不同，代码堆砌。

春天里的水稻·2025-06-21 21:01

Vue 3中unref的写法

Vue3中unref的写法在工作学习前端的过程中见到了这样一种写法，于是我就探究了一下unref(editForm).open()1.editFormeditForm是通过ref创建的响应式引用对象。

唐人街都是苦瓜脸·2025-06-21 20:27

Vue + Spring Boot 前后端交互实践：正确使用 `Content-Type: application/json` 及参数传递方式

本文将以一个具体的例子出发，讲解如何在Vue前端使用Axios发送JSON格式请求，并在SpringBoot后端正确接收参数。

菜鸡上道·2025-06-21 20:56

Vue组件花式聊天指南：6种传值妙招，总有一款适合你

我精通HTML、CSS、JavaScript等基础前端技术，并深入掌握Vue、React、Uniapp、Flutter等主流框架，能够高效解决各类前端开发问题。

江城开朗的豌豆·2025-06-21 19:21

企业eHR系统,应届生试用期管理模块的功能设计复盘

基于B/S架构，采用SpringBoot+MyBatisPlus技术栈开发，前端使用Vue.js框架，数据库采用MySQL8.0。

Alex艾力的IT数字空间·2025-06-21 19:15

Vue.js 中，计算属性里的getter 函数的调用时机

在Vue.js中，计算属性里的getter函数的调用时机，由其响应式依赖和访问时机决定，具体规则如下：1.首次访问计算属性时触发调用当你第一次访问计算属性（如this.fullname）时，会立即调用其

咔咔咔索菲斯·2025-06-21 18:43

如何将WORD文档中的图片转存到wangEditor编辑器中？

要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,

M_Snow·2025-06-21 16:57

Spring Boot + Vue全栈开发实战

本文还有配套的精品资源，点击获取简介：本项目通过实战方式讲解如何使用SpringBoot和Vue.js进行全栈开发。

·2025-06-21 16:57

前端wangEditor如何实现WORD文档的完整导入？

要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,

全武凌(荆门泽优)·2025-06-21 15:25

前端开发必知必会：Git、React & Vue 核心知识点全景解析（从原理到实战，掌握12大高频面试题的终极指南）

1.Git常用命令常用命令：gitinit#初始化仓库gitclone#克隆远程仓库gitadd#添加文件到暂存区gitcommit-m"message"#提交到本地仓库gitpush#推送到远程仓库gitpull#拉取远程更新gitbranch#查看分支gitcheckout-b#创建并切换分支gitmerge#合并分支gitstatus#查看状态gitlog#查看提交历史gitreset--h

爱编程的老刘头·2025-06-21 15:24

【附源码】springboot 宠物医院微信小程序设计与实现

✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue

·2025-06-21 13:12

⚡ 一个Vue自定义指令搞定丝滑拖拽列表，告别复杂组件封装

浏览项目的完整代码及示例可以点击这里https://github.com/Teernage/vue3-drag-directive，如果对你有帮助欢迎Star。前言：为什么不用现成的拖拽库？

不一样的少年～·2025-06-21 12:35

VUE vuex深入浅出

②mutations：更改Vuex的store中的状态的唯一方法是提交mutation③getters：可以对state进行计算操作，它就是store的计算属性虽然在组件内也可以做计算属性，但是getters

武昌库里写JAVA·2025-06-21 11:32

基于uni-app的埋点sdk设计

一、统计app激活状态在App.vue中利用onShow生命周期验证或者操作onShow:function(){uni.showToast({title:'onShow'})},二、页面级别的统计（进入页面

-Dayer-·2025-06-21 08:12

最快速搭建 react-native-webview 及vue页面传输数据( Vue项目 )

ReactNative内嵌webview(Vue项目)ReactNativewebview属性automaticallyAdjustContentInsets控制是否调整放置在导航条、标签栏或工具栏后面的

·2025-06-21 07:04

【vue+leaflet】vue使用leaflet.pm保存绘制后的图层的点位信息、图层回显、平面图切换、地图事件函数、图层事件函数说明(二)

看效果展示:【vue+leaflet】第二节效果展示视频1.平面图切换,多个平面图切换展示<divclass

杨同学*·2025-06-21 07:32

Uniapp在鸿蒙中的使用二

一、Uniapp对鸿蒙平台的支持概述Uniapp从v3.1.0版本开始正式支持鸿蒙（HarmonyOS）平台，可将Vue代码编译为鸿蒙原生应用（HAP包），支持以下特性：原生渲染：通过鸿蒙原生组件渲染界面

·2025-06-21 06:57

Vue下载blob类型的excel文件:

1.思路:1.请求时加上responseType:'blob',2.处理并下载2.案例://获取收货单位的导入模板/api/consignee/getTemplategetexportconstconsigneeGetTemplate=(data)=>{returnrequest({url:'/api/consignee/getTemplate',methods:'get',data,respon

Sun Peng·2025-06-21 03:08

微信小程序 uniapp+vue学校高校机房设备维修报修管理系统w04op

统功能需求包含业务需求、功能需求和用户需求；对系统的功能上的需求分析是指通过了解开发的技术与实力，用户的习惯等各因素的前提下进行分析，了解最基本的需求后，基本功能如下：本课题要求实现优质的学校机房管理系统，就一定要包含有数据库、服务器相联系，从而实现系统的功能运转。系统分为管理员和维修员两个角色，主要包括系统登录注册，个人信息和密码修改，对维修员管理、用户管理、设备分类管理、实验设备管理、设备报修

qq_3166678367·2025-06-20 23:44

Three.js引擎开发：Three.js渲染技术_（17）.Three.js与其他前端框架的集成

Three.js与其他前端框架的集成在现代Web开发中，前端框架（如React、Vue、Angular等）已成为构建复杂和高性能Web应用的标配。

chenlz2007·2025-06-20 23:43

前端vue js 使用插件 spark-md5 计算文件MD5值并封装成Promise异步调用方法

1.依赖：需要安装spark-md5npminstall--savespark-md52.代码分析1.功能：该函数接收一个File对象，将其分块（每块2MB）读取，并使用spark-md5计算整个文件的MD5哈希值。返回一个Promise，成功时解析为MD5字符串，失败时拒绝并返回错误信息。2.关键点：分块处理：通过FileReader逐块读取文件，避免一次性加载大文件导致内存问题。兼容性：处理了

低级前端·2025-06-20 23:10

vue中父组件向子组件传值，子组件向父组件传值，简洁易懂

Vue中父组件传值到子组件Vue中父组件传值分为两步：一、父组件中代码中，使用属性绑定向子组件传递数据，如图,其中，:titles="title"就是在将父组件的title属性值，传递到子组件所绑定的titles

独立开发者格瑞·2025-06-20 22:34

Vue-10-前端框架Vue之应用基础标签的ref属性和TS中的接口泛型自定义类型

文章目录1html标签1.1App.vue1.1.1App.vue(vue2语法)1.1.2App.vue(vue3语法)1.2Person.vue1.3问题复现(App.vue)1.4解决方案(ref

皮皮冰燃·2025-06-20 22:03

Vue-11-前端框架Vue之应用基础父组件传值到子组件props的使用

文章目录1父组件传值到子组件1.1App.vue(父组件)1.2Person.vue(子组件)2传值且保存2.1App.vue2.2Person.vue2.2.1原始写法2.2.2美观写法3列表传成数值

皮皮冰燃·2025-06-20 22:31

Vue 中的 vue-resource：Vue2 与 Vue3 的应用

Vue中的vue-resource：Vue2与Vue3的应用剖析在Vue项目开发中，与后端服务器进行数据交互是必不可少的环节，而选择合适的HTTP请求插件至关重要。

layman0528·2025-06-20 21:57

Jenkins部署Java(maven)项目&Vue前端项目部署流水线pipeline模版-可直接使用Jenkinsfile

流水线已经编写完毕,修改流水线中参数,即可使用tips:注意Jenkins中是否给机器配置了路径前缀,本文均没有配置,使用绝对路径前端VUE部署模版#!

·2025-06-20 20:18

《Vue.js前端框架技术学习心得》

一.初遇Vue.js二.数据绑定的便捷性三.组件化思维的养成四.生命周期钩子函数的理解五.指令系统的强大功能六.响应式原理的深入理解七.以下是我平时写的一些代码截图八.学习方法与实践的重要性在本次Vue.js

dingjiGGbao·2025-06-20 19:41

Vue.js 跨平台开发：Uni-app实战教程

Vue.js跨平台开发：Uni-app实战教程关键词：Vue.js、Uni-app、跨平台开发、小程序、多端适配摘要：本文从“一次开发，多端运行”的跨平台开发需求出发，以Vue.js为技术底座，详细讲解

前端视界·2025-06-20 19:10

uni-app项目实战笔记16--实现头部导航栏效果

代码实现：1.定义一个自定义导航栏组件：custom-nav-bar.vue，并写入如下代码：标题搜索上面的代码定义了状态栏，标题栏的布局，其中：1.状态栏主要显示时间、手机剩余电量等信息；2.标题栏：

moxiaoran5753·2025-06-20 19:40

Vue2组件通信方式大全：8种方法助你打通组件间数据流

/$emit（父子组件通信）二、$refs（父子组件直接访问）三、EventBus（全局事件总线）四、$parent/$children（父子实例访问）五、Provide/Inject（依赖注入）六、Vuex

上单带刀不带妹·2025-06-20 15:45

【Element Plus】Menu组件：url访问页面时高亮对应菜单栏

代码router：import{createRouter,createWebHistory}from'vue-router'exportconstroutes=[{path:

karshey·2025-06-20 13:34

CSS中的深度选择器 deep 详解

在Vue等框架中，当我们使用组件作用域样式（ScopedCSS）时，有时需要修改子组件内部的样式。这时就需要用到深度选择器。深度选择器的几种写法1.

天天进步2015·2025-06-20 13:03

Vue中常用的鼠标移入移出事件

Vue中常用的鼠标移入移出事件Vue中常用的鼠标移入移出事件有两种：@mouseenter和@mouseleave。

爱捣鼓的XiaoPu·2025-06-20 11:49

Vue3 实现系统更新弹窗提示（加强版教程）

Vue3实现系统更新弹窗提示（加强版教程）本文详细讲解如何在Vue3+Vite项目中集成系统更新检测机制，第一时间提示用户刷新页面获取最新内容，适用于PWA或自动部署型SPA项目。

Jinxiansen0211·2025-06-20 10:38

DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手

从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐

界面开发小八哥·2025-06-20 10:38

从达标到卓越 —— API 设计之道

在前端界，以前有远近闻名的jQuery，近来有声名鹊起的Vue.js。这两者叫好又叫座的原因固然有很多，但是其中有一个共同特质不可忽视，那便是它们的API设计非常优雅。

阿里云云栖号·2025-06-20 09:36

Vue3 + TypeScript 中 hook 优化记录

useElTableExtendedInstance.tsimporttype{ElTableExtendedInstance}from"@/interface";import{ref,typeRef}from"vue

BillKu·2025-06-20 09:31

uni-app总结2-所需知识储备和学习途径

Vue.jsuni-app里是通过Vue来开发的，所以首先肯定是要掌握Vue语言。如果是前端开发者转战uni，就可以省掉很多的学习成本。

Heyuan_Xie·2025-06-20 06:36

使用deepseek实现传统jsp工程转换成前后端分离的spring cloud工程案例

将传统的JSP工程转换为前后端分离的SpringCloud微服务架构需要系统性的重构，以下是具体步骤和注意事项：一、架构设计阶段技术选型前端：Vue.js/React/Angular（推荐Vue3+TypeScript

银行金融科技·2025-06-20 05:01

vue3 +uni-app模仿豆包固定导航入口，可拖拽，兼容PC端和移动端

import{ref,computed,watch,onMounted,onUnmounted}from"vue";import{eventBus}from"@/utils/eventBus.js";constprops

y东施效颦·2025-06-20 04:29

uniapp导航栏随页面滚动淡出显示隐藏效果

213import{ref}from"vue";import{onLoad,onPageScroll}from"@dcloudio/uni-app";importnavbarfrom"@/uni_modules

ekilito·2025-06-20 04:57

【前端】创建一个vue3+JavaScript项目流程

1、检查node和npm是否安装，查看版本：node-vnpm-v2、安装脚手架cli或vite（1）cli安装：npminstall-g@vue/cli检查是否安装成功：vue-v使用cli创建项目：

咚咚咚小柒·2025-06-20 03:53

Saucer 页面嵌入使用举例

文章目录Saucer页面嵌入使用举例saucer-dev/cli包安装执行生成修改`package.json`执行命令参考资料Saucer页面嵌入使用举例以一个Vue3项目为例，把写好的页面转化为适配saucer

Humbunklung·2025-06-20 00:32

从架构到实战：企业级微前端架构深度实践与落地指南（Vue3 + React + Angular）

从架构到实战：企业级微前端架构深度实践与落地指南（Vue3+React+Angular）文章简介在现代前端工程中，随着系统规模与团队数量的增长，单体应用已难以满足敏捷开发与部署的需求。

·2025-06-20 00:31

解决前端vue项目在linux上，npm install，node-sass 安装失败的问题

Unabletosavebinary/var/lib/jenkins/workspace/xxx/node_modules/node-sass/vendor/linux-x64-72:Error:EACCES:permissiondenied,mkdir‘/var/lib/jenkins/workspace/x/node_modules/node-sass/vendor’这个是node-sass安

_朱志强·2025-06-19 20:02

从 v-model 到 defineModel：Vue3 正在悄悄改变开发习惯

一、组件化与双向绑定的演变背景1.早期前端：手写DOM与状态管理痛点在纯JavaScript时代，我们尝尝直接操作DOM、管理全局变量。随着应用复杂度提升，出现了以下问题：状态混乱：UI状态（表单值、控件可见性）散落在各个回调里，难以维护。模块化隔离不足：不同UI模块互相干扰，数据污染严重。手动同步：每次数据改变，都要手动querySelector→更新属性→补齐事件监听器，十分臃肿。2.MVVM

代码里的小猫咪·2025-06-19 20:27

深入理解Vue3里的defineModel

随着vue3.4版本的发布，defineModel也正式转正了。它可以简化实现父子组件之间的双向绑定，也是目前官方推荐的双向绑定实现方式。

百思不得小李·2025-06-19 19:24

独立AI开发者——技术路线与盈利模式规划

1.技术路线规划1.1前端(Vue+JS)：选用Vue3(配合Vite/Pinia)构建SPA，利用现成的对话组件库加速开发。

onceco·2025-06-19 19:23

Vue分片上传于后端接收分片文件

前言做毕设时需要将大文件进行上传到后端进行保存，结合多方面的资料搜集完成了这个功能，但是还是没有做到文件分片上传时统计总上传进度。前端部分实现需要得到一个文件对象，这里不作出叙述了。先上总代码，因为很多部分涉及到了我的具体业务，很多都是多余的，后面慢慢解释重要的片段。uploadFile(file){constMAX_FILE_SIZE=10*1024*1024;//10MBconstchunkS

邻家小妹妹·2025-06-19 19:23

Vue购物车应用实现教程

文章目录1.项目介绍2.开发环境准备3.设计购物车界面4.创建Vue实例和数据模型5.实现购物车功能5.1从本地存储加载数据5.2监听数据变化保存到本地存储5.3实现全选/反选功能5.4计算选中商品的总价和总数量

全栈凯哥·2025-06-19 18:42

推荐频道

vue随笔