Vue前端学习

前端项目启动 npm 安装之常见错误意外解决了一直报 esbuild 的问题，使程序正常运行

写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！

·2025-07-24 04:09

基于springboot+vue车辆充电桩管理系统

基于springboot+vue车辆充电桩管理系统摘要随着信息化时代的到来，管理系统都趋向于智能化、系统化，车辆充电桩管理系统也不例外，但目前国内仍都使用人工管理，市场规模越来越大，同时信息量也越来越庞大

·2025-07-24 03:04

Vue的ubus emit/on使用

这段代码是Vue.js组件中的mounted生命周期钩子函数，主要作用是监听一个名为“macSelectData”的全局事件。

搞个项目·2025-07-24 03:02

深入理解 UniApp：跨平台开发的终极解决方案

它基于Vue.js语法规范，实现了"

·2025-07-24 02:02

uni-app跨平台开发知识点总结

uni-app简介uni-app概述：uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度

·2025-07-24 02:31

基于注入的一种状态管理的思路

js文件如下：import{provide,inject,reactive,readonly}from'vue'importsysUserInfofrom'.

自然框架·2025-07-24 01:49

彻底拆解 Vue scoped 指令：从编译原理到工程实践的全链路解析

引言我们在开发Vue项目时，经常会给标签加上scoped特性来实现组件的样式隔离。但它究竟是如何做到这一点的呢？作为开发者，我们不仅要会用这个特性，更要深入了解其底层原理。

是罐装可乐·2025-07-24 00:17

Vue3 业务落地全景：脚手架、权限、国际化、微前端、跨端与低代码 50 条实战心法

（一）脚手架与工程化8条心法1：用create-vue而不是vue-cli开启新项目，Vite冷启动300msvsWebpack30s。

代码老y·2025-07-24 00:46

vue 渲染全景图两种方法【photo-sphere-viewer、krpano】

photo-sphere-viewer渲染全景图1、首先下载photo-sphere-viewer的依赖包npminstallphoto-sphere-viewer--save2、创建渲染的div3、在渲染的vue

是菜菜的小前端啊·2025-07-23 22:00

解决Error: Not Found：Page[5][-1,81] at view.umd.min.js

importvTabsfrom"@/components/v-tabs.vue"importvTabs1fro

二七狂人·2025-07-23 20:51

vue怎么在style中使用data中定义的变量

需求动态修改三方组件的样式。思路项目开发中使用的某某某三方ui组件，所以想要修改这个组件的样式只能通过css进行修改，那么想要动态修改，就要在style中使用data里的变量。实现...mounted(){this.$el.style.setProperty('--colorStyle',this.color)}//若该变量是动态变化的watch:{color(val,oldVal){this.$

界面架构师·2025-07-23 20:20

vue如何使用websocket

//websocket连接letwebSocketPort=url+'/ws/socket'constdataList=ref([]);//用于展示从WebSocket获取的消息letws=null;//WebSocket实例letreconnectTimeout=null;//重连超时控制//建立WebSocket连接constconnectWebSocket=()=>{ws=newWebSoc

·2025-07-23 20:48

跨域请求传递Cookie问题

参考：https://www.cnblogs.com/nuccch/p/7875189.html问题描述前后端完全分离的项目，前端使用Vue+axios，后端使用SpringMVC，容器为Tomcat。

videring·2025-07-23 18:45

Vue 3 组合式 API 中的组件生命周期函数详解

Vue3组合式API中的组件生命周期函数详解Vue3引入了组合式API（CompositionAPI），相比于选项式API（OptionsAPI），它更加灵活且易于复用。

码力无边-OEC·2025-07-23 13:39

前端Vue自定义顶部搜索框热门搜索历史搜索用于搜索跳转使用

前端组件分享·2025-07-23 13:36

Nginx 如何解决单页应用 History 模式路由的 404 难题？

无论是React、Vue还是Angular，都广泛使用History模式路由来实现无刷新页面跳转。

wsj__WSJ·2025-07-23 09:11

【前端】ikun-qrcode：极简的二维码生成组件，使用view而非canvas避免层级问题

（5分钟搞定）背景之前在uniapp上100行搞定二维码生成，现在封装为vue组件分享出来：下载地址：https://ext.dcloud.net.cn/plugin?

青春狗头少年不会梦到格温学姐·2025-07-23 09:07

Vue3 实现 DOCX 文档在线预览功能（基于 docx-preview）

Vue3实现DOCX文档在线预览功能（基于docx-preview）在本篇文章中，我们将介绍如何使用Vue3+docx-preview来实现浏览器端的.docx文档预览功能。

·2025-07-23 09:05

gpt面试题

任小栗·2025-07-23 08:03

vue3 + xlsx + file-saver 读取excel数

导出{{index}}import{ref}from"vue";import*asXLSXfrom"xlsx";importExport2Excelfrom'@/utils/Export2Excel'exportdefault

土豆丶杨·2025-07-23 05:46

【学术会议投稿】Vue.js组件开发实战：从零构建高效可复用组件

|会后3-4个月EI检索】第三届云计算、大数据应用与软件工程国际学术会议(CBASE2024）_艾思科蓝_学术一站式服务平台更多学术会议请看：https://ais.cn/u/nuyAF3目录引言一、Vue.js

小周不想卷·2025-07-23 05:14

在vue项目中使用富文本编辑器 - tinymce

橘式不妙·2025-07-23 05:14

vue2解决页面重排滚动条问题

项目场景：项目场景：vue2问题描述例如：在一个卡片页面底部添加一条数据后，滚动条自动跑到了页面顶部去了：原因分析：可能是添加数据后页面重排导致的解决方案：提示：通过deepseek给出了一个较为高效的方案且不会干扰用户的正常滚动行为

啥都不是的小白菜·2025-07-23 05:44

《Vue.js 核心概念：前端魔法世界的奇幻基石》

在当今数字化浪潮汹涌澎湃，Web应用如梦幻仙境般绚烂多彩且变幻无穷的时代，Vue.js仿若一位神秘而强大的魔法画师，其核心概念则是绘制出震撼人心的Web开发魔法画卷的神来之笔。

Muai木离·2025-07-23 05:13

Pinia 实战指南：Vue 3 状态管理的高效之道

1.给我来个系统学习Pinia的大纲学习Pinia作为Vue.js的状态管理库，可以按照以下大纲来系统地进行学习：1.Pinia入门Pinia简介什么是Pinia？

做人不能太高调·2025-07-23 05:13

【TypeScript学习笔记】TypeScript 核心知识点

目录前言TypeScript核心概念基本类型与高级类型常用内置工具类型类型断言与类型守卫TypeScript在Vue3中的应用Vue3中TypeScript的作用范围Props和Emits的类型定义CompositionAPI

Zaly.·2025-07-23 05:43

vue项目中使用tinymce富文本编辑器

vue使用tinymce文章目录vue使用tinymcetinymce富文本编辑器在这里插入图片描述一、本文要实现二、使用步骤1.安装tinymce2.tinymce组件新建3.在store添加商品详情的状态管理

常常不爱学习·2025-07-23 05:42

error ‘vue‘ 不是内部或外部命令，也不是可运行的程序或批处理文件 [Windows/Mac/Linux 系统解决方案大全]

error‘vue‘不是内部或外部命令，也不是可运行的程序或批处理文件[Windows/Mac/Linux系统解决方案大全]在使用Vue.js开发时，常常会遇到如下错误提示：'vue'不是内部或外部命令

·2025-07-23 04:12

vue中实现验证码输入

vue验证码input输入解决焦点切换有点晚了就不吐槽了，咱还是把代码上了，赶紧洗澡，养好精神明天努力上班！！！

结城·2025-07-23 04:42

《Vue3笔记》第38节：Vue3项目集成TinyMCE富文本编辑器

前一个小节的内容中，已经介绍了Vue3项目中Quill如何配置highlight.js代码高亮的插件。这个小节来学一个新的富文本编辑器，叫做：TinyMCE。

Mr.小朱同学·2025-07-23 04:12

vue3 路由设置滚动条置顶

constrouter=createRouter({history:createWebHistory(),routes,//跳转路由后导航栏置顶scrollBehavior(to,from,saveScrollPosition){return{left:0,top:0};},});

开源字节·2025-07-23 04:12

vue切换路由的时候，如何让右侧滚动条滚动到顶部呢？

使用vue切换页面的时候，发现右侧的滚动条的位置似乎存在缓存似的，当右侧滚动条默认在顶部，切换页面的时候，位置停留在顶部，但当右侧滚动条的停留位置不是在顶部的时候，右侧滚动条停留的位置就会是上一个页面右侧滚动条停留的位置

Roc-xb·2025-07-23 04:11

浅析Vue3(vue3笔记之进阶篇)

前面已经讲了基本的Vue生命周期和入门知识,本篇重点介绍Vue3的一些进阶知识1.vue-router路由Vue的路由对比React真是舒服太多了,路由守卫不需要自己配置,还可以方便自己添加一些自定义逻辑

唆键盘的小前端·2025-07-23 04:11

TinyMCE富文本编辑器在Vue中的使用教程

介绍TinyMCE是一款功能强大的富文本编辑器，本教程将指导您如何在Vue项目中集成和使用TinyMCE编辑器，从基础使用到高级功能扩展。

·2025-07-23 04:40

入门指南：Vue.js的基本概念和用法

引言：Vue.js是一种流行的JavaScript框架，用于构建现代化的Web应用程序。它以其简洁易用的API和响应式的数据绑定而闻名，使得开发人员能够更轻松地构建交互性强大的用户界面。

是小韩呀·2025-07-23 04:10

Vue 指定元素滚动条滚到顶部

命令：scrollTo代码：this.$refs.pdfDiv.scrollTo({top:0,behavior:'smooth'});

我是唐赢·2025-07-23 04:39

uni-app开发小程序，根据图片提取主题色值

/product-change.vue'exportdefault{name:'productItem',components:{productChange},props:{name:{type:

·2025-07-23 04:39

React 最新版本（hooks写法）

如何生成可参考右边的帮助文档文章目录React目录前言一、指令jsx语法：需要注意的是：react的类名class变成了className，事件从onClick，因为class是react的内部关键字动态数据useState()相当于Vue3

抬头第一眼，是天·2025-07-23 04:39

vue页面元素滚动条置顶

以下是添加了详细注释的Vue组件代码，解释了每个方法的功能和实现原因：项目{{i}}这是第{{i}}个项目的详细内容。这里可以放置任意长度的文本，以便演示滚动效果。

藤原とラふ店丶·2025-07-23 04:08

使用位运算优化 Vue.js 应用：高效状态管理技巧

在Vue.js开发中，位运算（BitwiseOperations）是一种高效的工具，尤其适用于需要管理大量布尔状态或优化性能的场景。

结城·2025-07-23 04:38

七、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP，支持各类消息收发，音视频通话，附vue实现源码(已开源)-聊天消息项的实现

会话好友列表的实现1、项目引言2、腾讯云后台配置TXIM3、配置项目并实现IM登录4、会话好友列表的实现5、聊天输入框的实现6、聊天界面容器的实现7、聊天消息项的实现8、聊天输入框扩展面板的实现9、聊天会话管理的实现10、聊天记录的加载与消息收发11、定位SD配置与收发定位消息12、贴图表情的定制化开发13、腾讯云后台配置TRTC功能14、集成音视频通话功能15、集成仿微信的拍照，相册选择插件16

智密科技·2025-07-23 01:22

vue自定义组件实现v-model双向数据绑定

一、Vue2实现自定义组件双向数据绑定①v-model实现双向数据绑定在vue2中，子组件上使用v-model的值默认绑定到子组件的props.value属性上，由于子组件不能改变父组件传来的属性，所以需要通过

小李大魔王·2025-07-23 00:44

VUE3 v-model数据双向绑定及原理

v-model写法{{mag}}data(){return{mag:'HELLOWORLD'}},v-model原理分为两步1、v-bind绑定value属性2、v-on绑定input事件{{mag}}data(){return{mag:'HELLOWORLD'}},methods:{change(e){this.mag=e.target.valueconsole.log(e)}}v-model复

GIS-CL·2025-07-23 00:14

【vue-5】Vue 3 中的 v-model：双向数据绑定的全面指南

在Vue开发中，v-model是实现表单输入和应用状态之间双向绑定的关键指令。Vue3对v-model进行了重大改进，使其更加灵活和强大。

·2025-07-22 23:09

‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序

‘vue-cli-service’不是内部或外部命令，也不是可运行的程序产生原因：项目下的node_modules文件损坏。

�困宝�·2025-07-22 23:06

彻底解决＂‘vue-cli-service‘ 不是内部或外部命令＂的问题！

引言我最近拉取了一个Vue2的老项目，各种尝试，最终卡在了“vue-cli-service不是内部或外部命令”的这个错误提示上，令人倍感挫败。本文聚焦这一常见难题，提供我解决的思路，以供参考。

晷龙烬·2025-07-22 23:35

vue2和vue3的区别

组件来说，大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments)，就是说在组件可以拥有多个根节点。这种新特性可以减少很多组件之间的div包裹元素。

Sun_d9e7·2025-07-22 22:33

vue 组件中如何引用外部js文件中的变量或者方法

相信很多新手小伙伴都会遇到这样一个问题，就是我如何引用一个外部文件中的变量，下面我为大家分享一下解决办法：（如果解决小伙伴的问题，请帮忙给我点个赞吧，谢谢！！！）1，首先自己创建一个js文件放到assets中：map.js2，map.js中代码如下：（data是数组，geoCoordMap是对象，这个因为太长了所以就不展开了）重点：export{//导出多个对象geoCoordMap,data}3

一叶孤舟1990·2025-07-22 18:46

vue3使用AntV X6 (图可视化引擎)历程[二]

通过h函数动态展示自定义节点内容一、案例效果二、案例代码父组件.BloodTopology.vuerightContentimportRightDrawerfrom'@/common/components

在路上`·2025-07-22 17:29

基于 Vue3 + ECharts 实现渐变分段折线图：支持动态区间、响应式渲染与颜色控制

本文将带你实战一个基于Vue3+ECharts的渐变分段折线图组件，支持传入valueList控制每段颜色，适配多种数据类型，实现图表的动态更新与响应式自适应。

saadiya~·2025-07-22 17:28

推荐频道