vue企业实战第27页

HTML5 教程第4节：HTML 链接与导航

中超链接标签的基本语法和常见用法；理解不同属性（如href、target、rel、download）的作用；能够实现页面内锚点跳转、外部链接打开、邮件链接调用等功能；掌握安全性和用户体验相关的最佳实践；能将基础链接逻辑封装为Vue

全栈前端老曹·2025-06-14 13:35

Vue3 Hooks 完全指南：从基础用法到异步操作实践

一、引言：为什么需要Vue3Hooks？在Vue3中，CompositionAPI的引入带来了全新的组件开发模式。

꒰ঌ小武໒꒱·2025-06-14 12:57

如何在vue.config.js配置代码混淆加密、压缩？

在Vue项目中防止代码被反编译是一个挑战，因为JavaScript是一种解释型语言，它的源码很容易被查看或反编译。

꒰ঌ小武໒꒱·2025-06-14 12:26

vue 封装 axios 并使用 aes 对请求响应数据加解密

//前端通过AES进行加解密（CBC模式）npminstallcrypto-js--save-dev1、新建文件AESED.jsimportCryptoJSfrom"crypto-js";letkey=CryptoJS.enc.Utf8.parse('P@S5W0rDK3yBACHU');//密钥：一个常量，前后端协定后一个字符串即可letiv=CryptoJS.enc.Utf8.parse('A

꒰ঌ小武໒꒱·2025-06-14 12:56

vue 通过url下载文件并修改文件名称

封装一个通用的方法在需要使用的页面引入/***通过url下载文件并对下载的文件更名*@param{*}url*@param{*}filename*/exportconstdownloadFile=(url,filename)=>{functiongetBlob(url){returnnewPromise(resolve=>{constXML=newXMLHttpRequest();XML.open

·2025-06-14 12:26

VUE报错 Uncaught (in promise) error

VUE报错Uncaught(inpromise)error原因：是因为后续并没有跟随任何then|catch语句，因此它将抛出错误，所以要养成良好习惯，promise记得写上catch可尝试在then(

好了来看下一题·2025-06-14 11:52

axios 自定义添加请求头单独添加请求头

axios自定义添加请求头axios封装importVuefrom'vue'importaxiosfrom'axios'axios.defaults.timeout=5000;axios.defaults.baseURL

好了来看下一题·2025-06-14 11:52

vue+cesium示例：3D热力图(附源码下载)

接到一位知识星友的邀请，随机模拟三维数据点，结合heatmap.js实现基于cesium+vue的3D热力图需求，适合学习Cesium与前端框架结合开发3D可视化项目。

GIS之家·2025-06-14 08:41

实现篇：手把手打造一个番茄时钟

代码实现index.html文件styles.css文件script.js文件ManifestFile(manifest.json文件)ServiceWorker(sw.js文件)使用说明功能特点近期文章：Vue3

村头的猫·2025-06-14 06:27

Vuex 中Mutation 和Action介绍

在Vuex中，Mutation（变更）和Action（动作）都是修改状态的核心机制，但职责和使用场景不同：Mutation（变更）核心特性：同步操作：必须是同步函数（直接修改状态）。

yuren_xia·2025-06-14 06:52

Docker部署平台服务（Java后端和vue前端）

部署Java后端服务这里使用的JDK17镜像为：azul/zulu-openjdk:17mkdir-p/usr/appusr/app>viDockerfileDockerfile内容：FROMazul/zulu-openjdk:17#基础镜像EXPOSE9090#指定服务端口ENVLANGC.UTF-8#设置环境变量LANG指定系统默认的语言和字符编码ENVLOG_HOME/app/logs#设置

chevysky.cn·2025-06-14 06:52

Docker Compose一键部署Spring Boot + Vue项目

目录前提条件概述Compose简介Compose文件Compose环境Compose命令帮助命令关键命令Compose部署项目初始化环境查看代码文件sql数据准备nginx配置文件准备创建compose.yaml一键启动compose多个容器浏览器访问虚拟机ip:80(可省略默认的80端口)查看Compose运行的容器查看容器日志关闭并删除Compose开启的容器前提条件熟悉Docker、Spri

web15085181368·2025-06-14 05:51

vue首屏加载速度慢_Vue首屏加载速度优化如何提升80%？本文详解

在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。

weixin_39559015·2025-06-14 03:35

vue.sync的用法

在Vue2中，.sync修饰符是一种语法糖，用于实现父子组件之间的双向数据绑定，简化了props向下传递、事件向上触发的常规模式。

G018_star sky♬·2025-06-14 03:35

Vue.js 首屏加载优化：实战与策略

引言首屏加载时间是衡量Web应用性能的关键指标之一，尤其对于采用SPA（单页应用）架构的Vue.js应用来说，优化首屏加载速度尤为重要。

·2025-06-14 03:35

vue2项目开发中遇到的小问题

1.show-overflow-tooltip表格文字超出宽度，显示省略号，使用show-overflow-tooltip鼠标放上去会有一个提示框，但是文字太多的情况下，提示框文字会被吃一两个//改造table的tooltip样式，宽度不能为100%不然字体太多还是会丢失几个字（这个样式我是放在全局的）.el-tooltip__popper.is-dark{max-width:50%;}

0716*_zwj·2025-06-14 01:21

抖音机构号授权矩阵系统源码，短视频账号矩阵系统系统源码/独立部署代码

该系统前端使用了uni-app和vue作为开发框架，后端采用了ThinkPHP5、wokerman和ElementUI。同时，剪辑版块使用了阿里云智能媒体服务和阿里云对象存储来实现。抖音机

疯狂运营官ymhao87·2025-06-13 23:41

【WebSocket】WebSocket 多功能集成冲突问题解决方案

WebSocket多功能集成冲突问题解决方案在为Vue3+WebSocket项目添加实时通知功能时，遇到了与原有聊天功能的冲突问题。本文记录了问题的分析过程和最终的解决方案。

williamdsy·2025-06-13 23:40

【Vue PDF】Vue PDF 组件初始不加载 pdfUrl 问题分析与修复

VuePDF组件初始不加载pdfUrl问题分析与修复问题现象在开发PDF预览组件时，遇到这样一个问题：初始状态下，PDF组件不会请求pdfUrl（即不会加载PDF文件）。

williamdsy·2025-06-13 23:40

流式操作接收大模型返回的数据

import{ref}from'vue';constquestion=ref('讲一个关于中国龙的故事');constcontent=ref('');conststream=ref(true);constupdate

从未、淡定·2025-06-13 23:40

【WebSocket】WebSocket架构重构：从分散管理到统一连接的实战经验

WebSocket架构重构：从分散管理到统一连接的实战经验前言在开发基于Vue3+WebSocket的实时通信系统时，我们遇到了一个看似简单但影响深远的问题：聊天消息能够实时推送，但通知消息却需要刷新页面才能显示

williamdsy·2025-06-13 23:06

路由匹配的常见形式详解

本文将系统讲解路由匹配的常见形式及其使用技巧，覆盖后端（如Django、Flask、Express）和前端（如Vue、ReactRouter）常见模式。一、什么是“路由匹配”？

·2025-06-13 22:32

在vue2中操作数组，如何保证其视图的响应式

在Vue2中，操作数组时需要注意一些方法不会触发视图的响应式更新。为了确保数组的操作是响应式的，可以使用Vue提供的响应式方法。

·2025-06-13 21:23

Vue.js设计与实现学习

vue.js是一个编译运行的框架。第二章框架设计的核心要素提升用户体验，错误给出提示控制代码的体积，生产

我的天才女友·2025-06-13 21:23

webpack优化：提高二次构建速度

项目背景我们的项目是@vue/cli4生成的，基于webpack和vue2开发，未使用ts。用到了很多jquery、lodash、echarts等第三方依赖。

·2025-06-13 19:05

PrimeVue DataTable 属性值解析

primeVueDataTable组件的属性值使用DataTable属性NameTypeDefaultdescriptionvaluenull|any[]null要显示的对象数组。

星月心城·2025-06-13 19:44

el-color-picker颜色取色器

1.取色器基本样式elementUI中取Element-Theworld'smostpopularVueUIframework原本样式2.修改样式成圆形::v-deep.el-color-picker{

星月心城·2025-06-13 19:14

webpack打包vue项目

要在Vue项目中使用Webpack进行打包，通常有几种不同的方式来设置你的项目。

·2025-06-13 19:43

npm run启动项目，启动报错：Conflict: Multiple assets emit different content to the same filename index.html

今天启动一个vue项目报错：后来搜索了很多方法，结果原因是我vue项目的路径有中文导致的，改成没有中文的路径项目成功启动：如果你有同样的问题，也可以像我这样解决！！

q3571289092·2025-06-13 19:40

UniApp转微信小程序之全局组件

一、UniApp设置全局组件1.全局注册组件两种方法推荐使用easycom注册，easycom可以大规模注册组件//方法一Vue自带component方法//位置main.jsimportGlobalComponentfrom

晚り烟·2025-06-13 18:07

vue3项目使用静态资源

在组件中，有时需要引用一些静态资源，例如图片资源、CSS代码资源等。通过项目的public目录和src\assets目录都可以存放静态资源，但引用静态资源的方式不同。public目录public目录用于存放不可编译的静态资源文件，该目录下的文件会被复制到打包目录，该目录下的文件需要使用绝对路径访问。在组件中引用public目录中的demo.png文件，示例代码如下。src\assets目录src\

MoonlitHan·2025-06-13 17:24

普通属性 vs ref 包装属性

refCount}}+1响应式差异普通属性更新:{{normalUpdate}}ref属性更新:{{refUpdate}}测试响应式import{ref,onMounted,watchEffect}from'vue

MoonlitHan·2025-06-13 17:23

【vue3.0学习】 reactive函数 toRef函数

演示代码姓名:{{user.name}}年龄:{{user.age}}更新人员import{reactive}from"vue";exportdefault{name:"App",setup(){//定义响应式复杂类型数据需要用

别亦难�·2025-06-13 17:52

vue3基础ref,reactive,toRef ,toRefs 使用和理解

在Vue3中，ref、reactive、toRef和toRefs是用于响应式数据管理的重要工具。理解它们的使用方式和区别对于有效地利用Vue3的响应式系统至关重要。以下是对这些工具的详细解释和示例。

F2601775592·2025-06-13 16:20

1若依系统配置部署

RuoYi-Cloud是一个JavaEE企业级快速开发平台，基于经典技术组合（SpringBoot、SpringCloud&Alibaba、OAuth2、Vue、Element-UI），内置模块如：部门管理

·2025-06-13 16:17

WPF使用WebBrowser报脚本错误问题处理

再展示主流页面的时候比如用到Jquery高级库或者VUE等当前主流站点时经常就会报JS脚本错误，在Winform里面我们一句代码就能搞定，但是WPF没有提供相关的方法，今天我们就自己来实现一个扩展方法来实现

星火燎猿·2025-06-13 13:58

前端八股文-vue篇

Vue核心概念1.Vue的生命周期钩子函数有哪些？

啃火龙果的兔子·2025-06-13 12:24

SpringBoot3 + Vue3 前后端分离项目搭建代码

SpringBoot3+Vue3前后端分离项目搭建代码base_manage.zip项目地址:https://gitcode.com/open-source-toolkit/0cb13项目简介本仓库提供了一个基于

·2025-06-13 12:53

vue实现打包前端代码部署到服务器之后提示用户刷新界面

classUpdater{oldScript:any=[];newScript:any=[];dispatch:any={};constructor(){this.oldScript=[];this.newScript=[];this.dispatch={};if(import.meta.env.MODE!='development'){this.init();//初始化this.timing()

行云流水626·2025-06-13 12:23

vue video(视频)禁止用户拖动进度条，自定义组件实现，包含视频音量、暂停、播放、全屏、退出全屏、播放进度，话不多说直接上代码。

注意项目中本组件使用到了elementUI所以要确保项目中安装了videoFree.vue{{curJd}}{{allTime}}js部分：因此为nuxtjs开发的项目，代码中this.

行云流水626·2025-06-13 12:53

vue + element-ui 季度选择器组件 el-quarter-picker

最近项目中需要用到季度选择器控件，无奈element-ui框架没有，想着自己实现一个出来，参考的日期选择器实现的参考链接：vue+element-ui季度选择器组件el-quarter-picker-CSDN

0716*_zwj·2025-06-13 12:22

vue的图片预览点击按钮或者别的地方实现大图预览el-image

：实现点击按钮或者别的地方能预览大图解决：我使用的是el-image的功能能进行大图预览代码如下//我是用的图片但是你可以写成按钮点击事件//用的是el-image组件提供的功能//这个是方法我用的是vue2

0716*_zwj·2025-06-13 12:52

`toRefs` 函数的使用：将响应式对象转换为普通对象

技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js

阿珊和她的猫·2025-06-13 12:20

Quasar目录结构 MainLayout.vue详解

模板部分()1.QLayout组件q-layout是Quasar的布局容器组件，用于构建应用程序的整体布局结构。view属性定义了布局的视口配置（左右底）：大写：区域总是可见小写：区域可以隐藏（如通过抽屉）h：header（顶部栏）f：footer（底部栏）l：leftdrawer（左侧抽屉）r：RightDrawer（右侧抽屉）2.QHeader组件(顶部导航栏)QuasarAppQuasarv

HCl+NaOH＝NaCl+H_2O·2025-06-13 11:45

vscode---格式化设置setting配置以及一键生成vue片段

setting.json格式化内容{"vetur.format.options.tabSize":4,"vetur.format.scriptInitialIndent":true,"vetur.format.defaultFormatterOptions":{"prettyhtml":{"printWidth":200},"prettier":{"singleQuote":true,"print

想你的风吹到了瑞士·2025-06-13 11:44

spring boot系统是如何打造前后端的

SpringBoot作为后端框架，通过RESTfulAPI与前端（如Vue/React/小程序）协作，实现高效开发与维护。

潇***客·2025-06-13 10:39

vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct

错误描述在vue2|vue3开发，报错：UncaughtTypeError:(0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction

十一猫咪爱养鱼·2025-06-13 07:46

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

这是一个很有深度的问题，涉及React和Vue在设计理念、目标场景、技术实现上的差异。下面我从以下几个方面来解释：✅什么是Fiber架构？

光影少年·2025-06-13 07:44

vite原理

Vite是一个由EvanYou（Vue的作者）开发的前端构建工具，它的核心目标是更快的开发启动速度和更高效的构建过程。

光影少年·2025-06-13 06:40

【实战】23.Pinia 状态管理

在Vue中，我们可以通过props和emit来实现父子组件之间的通信，通过provide和inject来实现祖先组件和后代组件之间的通信，通过vuex来实现多个组件之间的通信。

一百个Chocolate·2025-06-13 06:08

推荐频道

vue企业实战