vue高级用法

vue3 中如何监听 props 中的值的变化

在Vue3中，你可以使用watch函数来监听组件的props值的变化。watch函数允许你观察一个或多个响应式数据源，并在这些数据源发生变化时执行回调函数。

&活在当下&·2025-03-26 07:00

＜Transition＞和＜KeepAlive＞组件一起用有什么用

在Vue3中，和都是内置组件，将它们组合使用可以实现带有过渡动画效果的组件缓存功能，下面详细解释其作用和原理。

fridayCodeFly·2025-03-26 06:52

前端 this.$nextTick() 和 this.$refs

$refs来获取到这个标签主要是获取标签对象VUE中$refs的基本用法_$refs.

csw_zjr·2025-03-26 06:21

JS小练习-线条之美

源代码如下，前端显示使用了vue的框架：注：按下鼠标左键可移动图案位置,Shift+滚轮可以修改图案的缩放比例角度(0-180):线条数：边长:边长递减:缩放比例:exportdefault{data(

水水不水啊·2025-03-26 06:21

vue3中进行本地存储，读取与删除

在Vue3中，可以使用浏览器提供的localStorage或sessionStorage来进行本地存储。

水水不水啊·2025-03-26 06:51

vue3+element plus 从入门开始

当你需要ChatAI服务但无法魔法或没有海外手机号码时，Chat8就是你的解决方案。我们基于OpenAi开发，所有用户内容都会加密，欢迎使用!点击使用:https://chat.chat826.com/#/register?bronk_on=3756711,安装nodejs环境安装包下载：http://nodejs.cn/download/https://nodejs.org/zh-tw/down

zxb11c·2025-03-26 05:15

Vue3+ElementPlus快速入门 | 小蚂蚁云

项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统

小蚂蚁开源·2025-03-26 05:14

elementplus实现左侧菜单栏收缩与展开

1.页面结构Home.vue下包含aside.vue和menu.vue2.TAside.vueel-menu左侧菜单栏显示注意：要使用收缩与展开，el-aside必须设置width=“collapse”

南七小僧·2025-03-26 04:42

探索AI的无限可能，体验智能对话的未来，大模型 API 演示

探索AI的无限可能，体验智能对话的未来，大模型API演示效果展示：项目概述这是一个基于Vue3+TypeScript+Vite构建的VistaAI演示项目，旨在提供一个简洁易用的界面来展示VistaAI

Southern Wind·2025-03-26 04:41

「React源码分析」一. React开源项目概览

人们往往也会将React与Vue、Angular作为前端三大框架进行对比（但如今Angular的热度也越来越小了，而前两者的社区规模和热度仍在不断发展壮大）。

英国大爷扫广场·2025-03-26 03:58

webpack使用详细步骤

webpack官方：https://webpack.docschina.org/concepts/Element-plus官方：https://element-plus.sxtxhy.com/zh-CN/Vue3

木心操作·2025-03-26 02:22

逆天，GitHub居然还能这么玩？！一招让你秒懂任何代码仓库！

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读今天发现了一个超级逆天的GitHub技巧，激动到差点从椅子上跳起来！

·2025-03-25 22:38

Python中的`range()`函数及其用法

下面将详细解释range()函数的各个方面，包括其基本用法、高级用法、与列表的关系，以及在实际编程中的应用。基本用法r

君君学姐·2025-03-25 20:42

Angular React Vue 比较 – 组件篇之异步组件

在大型应用中我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件，这个时候我们就用到了异步组件。Angular的异步组件在Angularv17之前的版本中并没有异步组件的实现方法，类似的功能被称之为懒加载模块。要使用懒加载模块，需要配合路由使用。Angular并不是一个渐近式的框架，它拥有一个完整的应用生态，路由的概念暂时不在本系列文章的讨论范围。关于懒加载模块的介绍请参考惰性加载特

小白马编程·2025-03-25 20:11

vue+ts+vite 异步组件&suspense保姆级教程

什么是异步组件及作用1、异步组件是vue的一种优化方法，比如可以运用在首屏加载等场景2、异步组件可以减少打包的结果，会将异步组件分开打包，会采用异步的方式加载组件可以有效的解决一个组件过大的问题，不使用异步组件

白臻·2025-03-25 20:39

Vue命令行npm install semver报错

PSD:\project\wisdom_admin>npminstallsemvernpmERR!codeECONNRESETnpmERR!syscallreadnpmERR!errnoECONNRESETnpmERR!networkInvalidresponsebodywhiletryingtofetch[https://registry.npmjs.org/hosted-git-info](h

祈澈菇凉·2025-03-25 20:37

VUE3学习第四章认识组件、V3生命周期、认识less 和 scoped、父子组件传参、全局-局部-递归组件、动态组件、插槽slot、异步组件&代码分包&suspense

一、组件的声明周期简单来说就是一个组件从创建到销毁的过程成为生命周期在我们使用Vue3组合式API是没有beforeCreate和created这两个生命周期的onBeforeMount()在组件DOM

Hyman-ya·2025-03-25 20:05

Vue 3 中的 defineAsyncComponent 如何实现异步组件

目录什么是异步组件defineAsyncComponent的实现原理基本用法内部工作原理配置选项示例使用场景工作机制高级配置实践中的使用场景路由懒加载示例在Vue3中，异步组件的概念得到了进一步的发展和简化

小刘哥007·2025-03-25 19:04

npm报错‘proxy‘ config is set properxy. See: ‘npm help config‘

npmWARNregistryUnexpectedwarningforhttps://registry.npmjs.org/:MiscellaneousWarningETIMEDOUT:requesttohttps://registry.npmjs.org/vue-reffailed

flying_fish79·2025-03-25 19:32

vue3怎么定义计算属性

在Vue3中，你可以使用computed函数来定义计算属性。computed函数来自Vue3的组合式API，它有两种使用方式：只读计算属性和可写计算属性，下面分别介绍这两种方式。

fridayCodeFly·2025-03-25 18:27

vue 插槽的三种形态（匿名插槽、具名插槽、作用域插槽）

插槽：1、匿名槽口匿名槽口统一叫做：default特点：直接使用子组件child父组件匿名槽口2、具名槽口特点：可以按需对组件的渲染子组件child父组件匿名槽口3、作用域槽口特点：可以在引用组件里面使用到子组件的数据子组件childexportdefault{data(){return{ChildTitle:'我是儿子'}}};父组件语法：v-slot:槽口名称="接收数据对象"{{obj.ti

冰凉小脚·2025-03-25 18:55

wangEditor组件在医疗、OA系统中word粘贴图片上传的解决方案

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

2501_90699800·2025-03-25 17:47

canvas绘制红绿灯路口（二）

canvas绘制红绿灯路口（一）无图不欢，先上图优化项：一：加入人行道红绿信号二：加入专用车道标识（无方向标识时采用专用车道标识）三：东南西北四项路口优化绘制逻辑，美化图像四：加入拖拽、缩放图例使用方法（以vue3

风舞红枫·2025-03-25 17:44

vue跨域解决的几种方案【建议收藏】

vue跨域解决的几种方案一、开发环境解决跨域方法平时使用vue开发的时候，大多会使用vue-cli搭建项目，在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行相应的配置解决开发环境的跨域问题

小二爱编程··2025-03-25 16:08

npm error 404 Not Found - GET https://registry.npmjs.org/.../throttle-debounce-3.0.1.tgz

在运行vue工程命令npminstall的时候，报错如下信息：npmerrorcodeE404npmerror404NotFound-GEThttps://registry.npmjs.org/throttle-debounce

雾林小妖·2025-03-25 14:21

唯一在线客服系统 | 私有化部署+全渠道+AI智能客服解决方案

系统核心价值唯一客服系统采用Golang+Vue技术栈开发，专注为企业提供高并发、高安全性的私有化部署客服解决方案。

程序员老狼·2025-03-25 13:44

唯一客服系统：私有化独立部署客服源码 - 打造您的智能客服解决方案

唯一客服系统是一款基于Golang+Vue开发的私有化部署在线客服系统，软件著作权编号：2021SR1462600。

程序员老狼·2025-03-25 13:14

nuxt微信分享实战

前提工作：公众号账号需要认证并且配置域名,例如域名为http://www.baidu.com,配置应该为baidu.com1.在plugins目录下新建一个wxShare.js文件importVuefrom'vue'importwxfrom'weixin-js-sdk'Vue.prototype

玩代码的菜鸟·2025-03-25 12:43

vue cli源码学习之cli-service

vuecli源码学习之cli-service目录结构分析cli-service/：根目录，代表项目的主要服务模块，用于提供命令行服务或插件功能。tests/：测试文件夹，通常用于存放自动化测试代码。

那一抹阳光多灿烂·2025-03-25 11:35

4.Vue 更新机制深度解析与性能优化

以下是代码示例：{{other}}{{timer}}import{ref}from'vue'letother='hello'//非响应式变量consttimer=ref(200)//响应式变量setInterval

_gxy·2025-03-25 10:00

基于大数据的滴滴出行数据分析与可视化系统(源码+vue+可视化大屏展示+爬虫分析+讲解等)

收藏关注不迷路！！文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录程序资料获取一、项目技术二、项目内容和项目介绍三、核心代码四、效果图五、资料获取程序资料获取文末获取资料一、项目技术开发语言：Pythonpython框架：Django软件版本：python3.7/python3.8数据库：my

qq_1406299528·2025-03-25 10:29

前端解决跨域问题

目录一.作者有话说二.第一步2.1在你的vue找到vite.config.js2.2快捷代码三.第二步3.1访问路径更改编辑3.2问题解决了四.总结【不用看，浪费大家时间】4.1安全性4.2灵活性4.3

潜意识Java·2025-03-25 10:50

Service Worker 实现离线应用思路

1背景本地运行一个vue项目，界面如下：使用ServiceWorker对其进行缓存，预期在停止运行项目时（模拟离线场景）也能够正常访问项目2缓存的资源分析检查network，浏览器访问：http://localhost

诚诚程程成·2025-03-25 10:20

随笔（1）

1、解除切屏限制命令document.body.onblur=null2、vue3getCurrentInstanceimport{getCurrentInstance}from'vue'const{proxy

Software攻城狮·2025-03-25 09:49

VUE2导出el-table数据为excel并且按字段分多个sheet

首先在根目录下建一个文件夹export用来存储export.jsimport*asXLSXfrom'xlsx'functionautoWidthFunc(ws,data){//设置每列的最大宽度constcolWidth=data.map(row=>row.map(val=>{varreg=newRegExp('[\\u4E00-\\u9FFF]+','g')//检测字符串是否包含汉字if(val

paradoxaaa_·2025-03-25 08:11

前端 Web 与原生应用端 WebView 通信交互 - HarmonyOS Next

基于鸿蒙HarmonyOSNext与前端Vue通信交互相关小结;DevEcoStudioNEXTDeveloperPreview2Vuejs两端相互拟定好协议后,通过前端页面的点击事件,将所需的数据传输给原生移动端组件方法中

survivorsfyh·2025-03-25 06:53

uniapp 实现的下拉菜单组件

采用uniapp实现,是一款具备丝滑折叠、展开动画的下拉菜单，支持vue2、vue3；适配web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）可到插件市场下载尝试：https://ext.dcloud.net.cn

狼性书生·2025-03-25 06:23

vue实战笔记整理——用户列表小案例

vue实战——笔记整理——黑马用户列表案例目录1.初始化项目1.1梳理项目结构1.2修改项目的开发调试配置1.3初始化路由1.4使用路由渲染UserList组件2.渲染用户列表组件2.1安装并配置axios2.2

Thaley·2025-03-25 05:51

【iframe结合pdf.js实现pdf的预览/下载及打印功能】

[下载pdf.js](http://mozilla.github.io/pdf.js/getting_started/#download)2.将下载好的文件中的build和web拷贝到vue项目的public

AmyGeng123·2025-03-25 05:20

使用v-charts引入任意图表的时候报错：undefined (reading ‘map‘)

如图，在项目中引用v-charts图表后浏览器控制台报错这其实是v-charts官方bug，截至文章发布，该bug仍未修复，最快的解决方案是在App入口文件,Vue对象实例化之前,加入如下代码Vue.

爱喝紫菜汤·2025-03-25 04:40

Vue3组件设计模式:高可复用性组件开发实战

Vue3组件设计模式:高可复用性组件开发实战一、前言在Vue3中，组件设计和开发是非常重要的，它直接影响到应用的可维护性和可复用性。

武昌库里写JAVA·2025-03-25 02:58

（前端开发）网页制作案例

HTML（index.html）A宝学成在线首页课程职业规划A宝前端开发后端开发移动开发人工智能商业预测云计算&大数据运维&测试UI设计产品我的课程表数据可视化课程正在学习-echarts使用步骤Vue3

A宝呀·2025-03-25 02:25

Java实习生面试题(2025.3.23 be)

一、v-if与v-show的区别`v-show`和`v-if`都是Vue中的条件渲染指令，它们的主要区别在于渲染策略：`v-if`会根据条件决定是否编译元素，而`v-show`则始终编译元素，只是通过改变

suuijbd·2025-03-25 02:23

前端开发：这就是终点吗？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子，那时候，程序员岗位炙手可热。

·2025-03-25 00:02

一个PHPer的偷懒哲学：如何用两套模板跳过重复造轮子

像是后台，直接从以前做完的项目拷的话还要删不少东西，而如果直接从比较成熟的像是BuildAdmin或者VueNaiveAdmin之类的项目直接开始的话，又免不了要做很多配置，而且后台总会涉及到角色管理啊

·2025-03-25 00:57

electron+vite+vue项目的研究

目的是为了创建一个vue3的vite项目，然后可以在electron中运行，找了一些文档，具体结果如下官网的文档简介|Electron参考的链接vite-plugin-electron最详细配置方案-CSDN

renovateF5·2025-03-24 23:36

Electron + Vite + Vue 桌面应用模板

一个现代化的桌面应用开发模板，基于Electron、Vite和Vue3。

会功夫的李白·2025-03-24 23:34

vue2/3 - 解决报错 npm ERR! missing script: build（在vue2/vue3项目中，执行build将项目打包时，出现报错missing script: build）

描述问题在vue2、vue3项目开发、老项目维护时，将项目打包发布build命令运行时返回一个错误：npmERR!

街尾杂货店&·2025-03-24 23:03

【VUE】后台管理中使用富文本编辑器

前言vue后台管理编辑器以下代码均可直接复制，只需要更改一些引入的路径教学文档以及官方文档都有进行备注一.介绍使用的插件介绍wangEditor浏览器兼容性兼容主流PC浏览器，IE11+不支持移动端和ipad

短暂又灿烂的·2025-03-24 23:33

使用html5-qrcode 扫描二维码(vue3)

plugin-basic-ssl模拟)//vite.config.jsimportbasicSslfrom'@vitejs/plugin-basic-ssl'exportdefaultdefineConfig({plugins:[vue

vayne_1·2025-03-24 22:57

推荐频道