#vue

Vue 监听器、过滤器、生命周期

我是表哥Harker，表妹我来咯~继续讲解Vue常用特性监听器、过滤器、生命周期监听器（watch）1、侦听器的应用场景###数据变化时执行异步或开销较大的操作###注意，不应该使用箭头函数来定义watcher
HarkerYX·2025-04-05 21:00

Vue2响应式原理二：Watcher

侦听器当监听的属性改变时，会触发相应的回调函数，多次改变时，只会触发一次，并且是异步执行。实现思路：为data中的每一个属性都创建一个Dep实例来存储Watcher实例，在属性的getter函数中收集依赖，setter函数中派发任务。当属性改变时会触发setter函数，进而对Dep实例中的Watcher实例进行循环调用触发回调。DepDep实例主要依赖收集依赖和派发任务。classDep{//存储
*590·2025-04-05 21:30

Vue 侦听器（watchers）

在Vue中，侦听器（watchers）是一个非常重要的特性，它允许我们观察和响应Vue实例上数据属性的变化。
sugar-T·2025-04-05 21:30

vue2 深度监听对象

vue2深度监听对象watch:{materialList:{handler:function(val){val.forEach(item=>{item.totalPrice=item.total
NM-BOY·2025-04-05 21:59

探索高效JSON可视化：JSONVue - 简洁、强大的工具

探索高效JSON可视化：JSONVue-简洁、强大的工具JSONVueForkofJSONViewforChromium-basedbrowsers项目地址:https://gitcode.com/gh_mirrors
房耿园Hartley·2025-04-05 20:29

Vue2 监听器 watcher

工作流程：基本用法1.简单监听2.对象形式配置使用场景1.执行异步操作2.监听路由变化3.复杂对象/数组变化关键配置项与计算属性的区别动态添加监听器注意事项前言提示：这里可以添加本文要记录的大概内容：Vue
二哈喇子！·2025-04-05 20:57

uni-app 和 spring boot 实现通知栏消息推送 (第二版)

后端集成并测试前端代码:App.vueexp
一只努力学飞的鱼·2025-04-05 18:45

vue+springboot之原生websocket长连接实现消息推送

vue+springboot+sockJs之原生websocket长连接实现消息推送最近公司需要新增消息通知的功能，首先想到通过websocket长连接实现，由于主要业务还在于服务端的主动推送所以本文重点也是如此
许愿瓶1·2025-04-05 18:15

【springboot】基于webSocket+vue的消息推送功能

文章目录1、webSocket协议2、前端JS代码实现webSocket属性：webSocket事件：webSocket方法：3、后端基于springBoot+webSocket方式实现maven依赖springboot托管ServerEndpointExporter对象创建webSocket服务端对象4、其他消息推送通知及时用户一些细节1、webSocket协议webSocket是一种在http
fangxiang163·2025-04-05 18:13

避坑，c#开发人员学习开发app时.NET MAUI和Vue3 选择

经过一段时间学习vue3后才发现作为一个C#背景的开发人员从开发效率、调试便捷性、部署便利性考虑，VisualStudio+.NETMAUI是更合适的选择，尤其是在跨平台原生应用开发场景中。
cainiaojunshi·2025-04-05 16:02

在Vue中如何高效管理组件状态

在Vue中高效管理组件状态，可以采用以下几种策略：使用Vuex进行状态管理：对于复杂的应用，使用Vuex是一个非常有效的状态管理方案。
Rverdoser·2025-04-05 16:59

SpringBoot+Vue+EasyExcel实现Excel的导入导出

导入EasyExcel的依赖：com.alibabaeasyexcel准备好实体类和VO：importcom.baomidou.mybatisplus.annotation.*;importcom.fasterxml.jackson.annotation.JsonFormat;importcom.fasterxml.jackson.annotation.JsonIgnore;importio.sw
Hahahahahahaha~·2025-04-05 15:54

Vue源码解析：Watcher 类

Watcher是没有静态方法的，因为$watch方法中要使用Vue的实例。创建顺序：计算属性Watcher、用户
大唐荣华·2025-04-05 15:23

Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目

VueMarkdown编辑器全攻略：轻松集成MD编辑器到前端项目1.为什么选择Markdown编辑器？
王强你强·2025-04-05 15:52

Vue3-17 监听器(Watch)

在Vue3的开发过程中，监听器（Watchers）是实现数据动态监听和响应的重要工具。通过灵活运用监听器，我们可以在数据变化时执行各种自定义的逻辑。
不会写爬虫的程序员B·2025-04-05 15:51

vue2知识点————(监听器，计算属性)

vue2的知识点，更多前端知识在主页，还有其他知识会持续更新监听器Vue.js2中，监听器（Watchers）是一种机制，用于在数据发生变化时执行特定的操作。
order one·2025-04-05 15:50

【前端】【Nuxt3】 Nuxt 3 路由系统全解析

Nuxt3路由系统全解析（含冲突问题）一、总览Nuxt3使用基于文件系统的自动路由生成机制，开发者通过pages/目录结构即可自动生成VueRouter路由。
患得患失949·2025-04-05 12:31

在使用SeamlessScroll组件时，踩过的坑

以为时数据错了，才发现，底层封装组件的时候，是靠计算属性进行计算，但是传值的是异步请求，后端传值过来的，因此，传值过去是空值，导致后续的判断不执行，从而不滚动，解决方法是在他的源码里面对判断这块的逻辑更换一下同理vue3
前端小鸡·2025-04-05 11:29

react复习笔记一

1.MVVM(Vue)VSMVC(React)MVVM：ModelViewviewModel双向数据驱动MVC：ModelViewController单向数据驱动Model:数据层View:视图层Controller
前端小鸡·2025-04-05 11:29

echarts地图设置elment弹出框

在echarts地图中提供了一个tooltip方法只需要关注tooltip方法，里面自定义echarts一个vue的方法，然后给方法设置一个elment弹窗口的隐藏和显示的方法，并且传入当前点击的参数弹出窗方法
前端小鸡·2025-04-05 11:59

vue项目的琐碎点

1.在封装axios的时候，需要提前考虑文件下载的时候Blob文件流的请求if(response.datainstanceofBlob)returnresponse.dataconst{data,message,success}=response.dataif(success){returndata}else{Message({type:'error',message})returnPromise
前端小鸡·2025-04-05 11:59

Vue-3路由级权限控制

首先先给大家说一下思路首先提前编写过滤器的函数将固定的路由和业务路由分开管理，将固定路由设置默认所有用户都可以访问的路由，给业务路由添加用户访问权限在登录成功的时候保存token及userinfo之后，调用过滤路由之前的函数，过滤用户有权限访问的业务路由将过滤的出来的路由，用forEach遍历，并且使用addRoute动态添加router中正常访问路由编写过滤器的文件-----比如authoriz
前端小鸡·2025-04-05 11:29

Vue3的Vscode插件Volar插件失效问题

最近在写v3的项目时候，发现自己的Voar插件失效，没有任何代码提示，排查了好久，才发现是自己的vscode版本和Volar版本不对应，最新的Volar插件不支持旧版本的Vscode插件，因此我们可以下载最新的Vscode或者降低Volar插件，不过Volar官方最低版本好像是一月之内，再以前的版本已经删除了，尽量是更新最新的Vscode版本
前端小鸡·2025-04-05 11:29

【Nova UI】三、探秘 BEM：解锁前端 CSS 命名的高效密码

序言在上一篇文章中，我们一步一个脚印，扎实地完成了Vue组件库搭建的环境搭建工作，从pnpm的精妙运用到TypeScript的细致配置✍️，每个环节都为组件库的诞生筑牢根基。
拖孩·2025-04-05 11:25

Vue + Scss项目中实现自定义颜色主题的动态切换

当时面试的时候遇到面试官问的一个问题如何实现自定义颜色主题切换,当时我做的只是elementUIPlus提供的暗黑和默认主题切换theme.scss//增加自定义主题类型$themes:(light:(/*原有配置保持不变*/),dark:(/*原有配置保持不变*/),custom:()//空映射用于自定义主题);//新增CSS变量定义方式:root{//原有主题变量...//自定义主题变量--c
Qin_jiangshan·2025-04-05 11:54

2025.3.30前端模拟面试

涉及基础知识、手写代码、项目经验和开放性问题，主要围绕Vue3、TypeScript、微前端等方向展开。一、基础知识Vue3响应式原理是如何实现的？与Vue2相比有哪些优化？
jjjjjjjjj¢·2025-04-05 10:18

vue 项目中 img 标签使用 require 动态获取图片展示

做图片渲染模块时，可能涉及到需要循环渲染的问题，这个时候需要使用require,具体就看下面？？？？？动态获取图片地址，路径被加载器解析为字符串，图片找不到这里在motheds中定义了个方法获取这样就可以了。。。。。注意webpack本身是一个预编译的打包工具，无法预测未知变量路径不能require纯变量路径；require(path),path至少要有三部分组成,目录+文件名+后缀；动态获取文件
余人于RenYu·2025-04-05 09:46

前端插件使用汇总

文章目录pc端复制链接移动端复制链接vuedraggable拖拽插件使用html2canvas使用页面导出为图片vsconsole移动端调试js-md5加密使用js-cookie的使用nprogress
余人于RenYu·2025-04-05 09:45

【三十天精通Vue 3】第三十天 Vue 3中的Nuxt.js框架详解

✅创作者：陈书予个人主页：陈书予的个人主页陈书予的个人社区，欢迎你的加入:陈书予的社区专栏地址:三十天精通Vue3往期回顾：1、【三十天精通Vue3】第二十九天Vue3中的Mock数据模拟详解2、【三十天精通
陈书予·2025-04-05 09:44

vue常用插件的使用

vue常用插件的使用1.vue-seamless-scroll官方文档使用步骤1、安装vue-seamless-scrollnpminstallvue-seamless-scroll--save2、引入组件
song854601134·2025-04-05 07:03

在Vue3中读取和解析Word文档，详细的技术实现方法、常见场景、问题及最佳解决方案

在Vue3中读取和解析Word文档（.doc/.docx）是常见的需求，尤其在在线文档预览、内容提取等场景中。
繁若华尘·2025-04-05 07:33

尚硅谷vue3学习笔记

01.setup概述`setup`是`Vue3`中一个新的配置项，值是一个函数，它是`CompositionAPI`，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在`setup`中
过期牛奶·2025-04-05 07:29

Vue 项目 PDF 批注插件库在线版 API 示例教程

本文章介绍Vue项目中PDF批注插件库ElasticPDF在线版API示例教程，API包含①导出批注后PDF数据；②导出纯批注json数据；③加载旧批注；④切换文档；⑤切换用户；⑥清空批注等数据处理功能
ElasticPDF-新国产PDF编辑器·2025-04-05 07:59

Vue中JSEncrypt 数据加密和解密处理

1、概述在Vue.js项目中集成JSEncrypt实现数据的加密和解密是一种常见的需求，尤其是在处理敏感信息（如密码、用户数据等）。
神奇侠2024·2025-04-05 05:47

页面简单传参

你有以下几种传递方法##使用Vue3+TS#1.通过URL参数传递（Query参数）这是最简单、最常用的方法，ID会显示在URL中的?
巴巴博一·2025-04-05 05:46

keep-alive缓存

#keep-alive缓存动态路由的使用指南#代码如下图：讲解：一、v-slot="{Component}"的作用这是Vue的作用域插槽语法，用于从中获取当前路由对应的组件实例。
巴巴博一·2025-04-05 05:44

Vue3 数据流革命：单项数据流与 defineModel 的深度解析

一、Vue数据流演进史：从双向绑定到单向控制1.1数据流模式之争现代前端框架存在两种典型数据流模式：模式类型典型代表核心特征适用场景双向数据流AngularJS数据模型与视图实时同步简单表单场景单向数据流
斯~内克·2025-04-05 04:10

vue2中缓存组件keep-alive的使用，附详细案例

在Vue.js2中，是一个内置组件，用于缓存动态组件或组件的状态，避免重复渲染和销毁，从而提升性能。以下是关于它的核心知识点和使用方法：作用缓存组件：被包裹的组件在切换时不会被销毁，而是保留在内存中。
星星上的猫.·2025-04-05 03:05

小程序的骨架—WXML

文章目录数据绑定条件逻辑列表渲染定义模板和引入模板数据绑定基本语法和vue非常的类似：//index.js//获取应用实例constapp=getApp()Page({data:{name:"张三",time
转角羊儿·2025-04-05 03:33

《Postcss - pxtorem在Vue3中实现自适应原理与实践》

一、原理介绍1.什么是Postcss-pxtoremPostcss-pxtorem是一个PostCSS插件，它的主要作用是将CSS中的px单位转换为rem单位。在网页开发中，rem是一个相对单位，它是相对于根元素（html元素）的字体大小来计算的。通过将px转换为rem，我们可以方便地实现页面在不同设备屏幕尺寸下的自适应。2.自适应原理在网页设计中，我们希望页面元素的大小能够根据设备屏幕的大小进行
芭拉拉小魔仙·2025-04-05 02:29

uniapp 微信小程序 使用ucharts

文章目录前言一、组件功能概述二、代码结构分析2.1模板结构总结前言本文介绍一个基于Vue框架的小程序图表组件开发方案。该组件通过uCharts库实现折线图的绘制，并支持滚动、缩放、触摸提示等交互功能。
web_Hsir·2025-04-05 02:27

百度UEditor编辑器插件开发：针对Word图文内容的定制化解决方案？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5需求：复制粘贴word内容图片，word图片转存交互,导入pdf,导入PowerPoint
全武凌(荆门泽优)·2025-04-05 01:24

Vue 3 模板引用（Template Refs）详解与实战示例

Vue3模板引用（TemplateRefs）详解与实战示例引言在Vue开发中，通常推荐使用响应式数据(ref和reactive)进行数据绑定，而不是直接操作DOM。
li_Michael_li·2025-04-05 01:21

解决 axios get请求瞎转义问题

在Vue.js项目中，axios是一个常用的HTTP客户端库，用于发送HTTP请求。
cypking·2025-04-05 00:16

vue移动方案是使用amfe-flexible 和 postcss-pxtorem 结合

1、适配方案在本项目中我所使用的vue移动方案是使用amfe-flexible和postcss-pxtorem结合）的方式。
weixin_50085094·2025-04-04 23:39

重生之全栈修仙之道（第1章 都市困兽）

‍♂️作者简介：码上言出版书：《SpringBoot+Vue.js+uni-app全栈开发》✅专栏内容：个人博客系统微信公众号：码上言夜幕降临，霓虹灯在雨幕中晕染出一片迷离的光影。
码上言·2025-04-04 23:08

2025计算机专业毕业设计攻略

论文撰写核心要点1.论文结构框架（重点章节）（1）摘要与绪论摘要：300字以内，明确说明：1.研究背景（行业痛点/技术缺口）2.系统目标（解决什么问题）3.关键技术（如SpringBoot+Redis+Vue
启点毕设·2025-04-04 23:06

vue，jsx里自定义指令的写法

用原生vnode的数据格式使用自定义指令：注意属性名一定是directives！！！不能改！//格式constdirectives=[{name:'permission',value:['hangup'],modifiers:{}}]return//实例render:(h:any,scope:any)=>{letdirectives,comp=''if(scope.row.payment_stat
·2025-04-04 19:35

基于SpringBoot+Vue+微信小程序+数据可视化+家政服务平台系统设计和实现(源码+LW+部署讲解)

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

vue如何实现列表自动滚动、向上滚动的效果

研究了一个插件列表自动滚动的插件vue-seamless-scroll感受这是个做大屏可视化时可靠帮手请欣赏一下效果图如图所示可以看到它自动向上滚动以及鼠标移动进入表格则停止滚动1.第一步进行安装npminstallvue-seamless-scroll
Brilliant Nemo·2025-04-04 18:39
上一页 70 71 72 73 74 75 76 77 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他