Vue从零开始第5页

SpringBoot继承JWT token实现权限的验证（从头开始）

数据库的连接第2步：定义一个标准化响应对象的类第3步：编写请求数据库数据代码第4步：自定义异常处理第5步：导入依赖第6步：自定义拦截器第7步：配置拦截器第8步：生成token第9步：开始测试代码第10步：vue

CodeGuruInk·2025-01-26 01:38

vue2和vue3中是如何进行组件通信

前言：Vue2和Vue3都支持多种方式的组件通信，包括：1.Props和Events：父组件向子组件传递数据可以使用props属性。

尔嵘·2025-01-26 01:08

Vue.js如何阻止事件冒泡

在Vue.js中，我们可以使用事件修饰符来阻止事件冒泡。下面我将详细介绍如何在Vue.js中实现事件冒泡的阻止。首先，让我们创建一个简单的Vue.js应用程序，以便演示事件冒泡的问题和解决方案。

JhzDev·2025-01-26 01:37

Vue.js组件开发研究

摘要随着前端技术的快速发展，Vue.js以其轻量级、高性能和组件化开发的优势，在前端开发领域占据了重要地位。本研究深入探讨了Vue.js组件开发的理论基础、开发方法以及实际应用。

清北互联木材·2025-01-26 01:07

Vue 框架深度剖析：原理、应用与最佳实践

目录一、Vue框架简介二、Vue的安装与基本使用（一）安装（二）基本使用三、Vue组件（一）创建组件（二）组件通信四、Vue模板语法（一）插值（二）指令（三）计算属性和侦听器五、Vue过渡与动画（一）过渡类名

秋夜Autumn·2025-01-26 01:06

vue3阻止事件冒泡到父元素

在Vue3中，如果你想在子组件的点击事件中阻止父组件绑定的点击事件触发，可以使用以下方法：1.使用.stop修饰符Vue提供了.stop修饰符，可以阻止事件冒泡到父元素。这是最简单直接的方式。

我爱加班、、·2025-01-26 01:06

什么是vue.js组件开发，我们需要做哪些准备工作？

Vue.js是一个非常流行的前端框架，用于构建用户界面。组件开发是Vue.js的核心概念之一，通过将界面拆分为独立的组件，可以提高代码的可维护性和复用性。

大懒猫软件·2025-01-26 01:05

从零开始学设计模式(四)：工厂模式（Factory Pattern）

江夏、·2025-01-25 23:48

Nginx部署前端Vue项目的深度解析

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2

egekm_sefg·2025-01-25 23:15

70.在 Vue 3 中使用 OpenLayers 拖拽实现放大区域的效果（DragZoom）

Vue3是一个流行的前端框架，以其响应式数据和组件化开发著称。本文将介绍如何在Vue3中集成OpenLayers，并实现拖拽放大区域的效果（DragZoom）。

吉檀迦俐·2025-01-25 21:35

Vite 与 Pinia 的实战应用

目录Vue极速入门第14节：Vue开发工具与生态优化：Vite与Pinia的实战应用引言1.使用Vite提升开发体验：快速启动与热更新1.1什么是Vite？

码力全開·2025-01-25 21:34

Vue 3 中的 ref 完全指南

Vue3中的ref完全指南Vue3引入了CompositionAPI，其中ref是关键的一部分。ref可以让我们更方便地在组件中定义响应式数据，在模板中使用语法糖时尤为简洁。

m0_74824002·2025-01-25 20:28

vue 拖动、缩放容器组件，支持移动端双指缩放和PC端鼠标滚轮缩放

原理本组件基于CSS的transform实现。移动端监听touch事件（单指移动，双指移动+缩放），PC端监听mouse事件（移动）和滚动事件wheel（缩放），更新transform的translateX/translateY/scale值，从而实现缩放、移动。由于transform不会产生重排，因此不节流也可以有很好的性能，用户体验就像德芙，纵享丝滑！鼠标事件比较好理解，记录鼠标按下时的坐标，

warmbook·2025-01-25 19:17

Vue指令可拖动元素，兼容PC和移动端

Vue.directive('movable',{bind(el){letagent=window.navigator.userAgent.toLowerCase(),start,move,end//判断当前是移动端还是

warmbook·2025-01-25 19:17

Vue＜router-view＞＜/router-view＞学习心得

今天看到个Vue项目结构中使用到了，于是了解学习了用法。

立志成为架构师·2025-01-25 19:45

canvas开发动态足迹图

前段时间有一个这样的足迹图的需求，以下是实现的代码：-->{{historyItem.chatTitle}}{{historyItem.time}}import{onBeforeMount,ref,watch}from'vue'importNavHeaderfrom

小蒋是个老程序员了·2025-01-25 18:45

Vue.js组件开发案例（比较两个数字大小）

见过不少人、经过不少事、也吃过不少苦，感悟世事无常、人心多变，靠着回忆将往事串珠成链，聊聊感情、谈谈发展，我慢慢写、你一点一点看......实现一个比较2个数字大小的组件，当输入2个数字后，单击“比较”按钮后自动输出比较结果。第1个数字：第2个数字：比较比较结果：{{result}}exportdefault{data(){return{num1:0,num2:0,result:0,};},met

我曾经是个程序员·2025-01-25 17:02

2501_90243308·2025-01-25 16:59

vue 中常用的 $

$set(this.formData,'department',currTreeItem)是Vue.js提供的一个方法，用于向响应式对象中添加新的属性，并确保这个新属性是响应式的（即，当该属性发生变化时

weixin_42113341·2025-01-25 15:45

React Native 0.77 发布：更强的样式支持与性能优化

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读ReactNative0.77正式发布！

·2025-01-25 14:04

vue项目运行报：SassError: expected selector...

/deep/和::v-deep都是用于Vue单文件组件（.vue文件）中的样式穿透选择器;/deep/在Sass中并不被支持，如果是在Vue单文件组件中，并且需要穿透样式，可以使用::v-deep代替/

落日弥漫的橘_·2025-01-25 13:36

如何进行小程序开发和编程——详细教程

本文将以详细的步骤和丰富的内容，带你从零开始掌握小程序开发的核心技术和流程。一、小程序简介小程序是一种运行在移动设备上的轻量级应用，主要依托于各大生态平台（如微信、支付宝、抖音等）。

萧鼎·2025-01-25 12:24

Vue组件的概念与复用

目录一、引言二、为什么使用组件二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的世界里，组件是构建用户界面的基石。

2401_85969651·2025-01-25 11:50

Vue 组件的概念与复用

目录一、引言二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的奇妙天地里，组件宛如熠熠生辉的基石，稳稳撑起用户界面构建的大厦。

2401_85969651·2025-01-25 11:49

Vue - watch() 监视属性的使用

在Vue3中，watch()是一个用于观察响应式数据的API，可以用来在数据变化时执行某些操作。它是在Vue的组合式API中使用的主要功能之一，允许在代码中细致地控制数据变化的反应。

来一碗刘肉面·2025-01-25 11:49

springboot+vue项目实战2024第三集修改用户信息

1.获取用户信息@GetMapping("/userInfo")//@RequestHeader(name="Authorization")StringtokenpublicResultuserInfo(){//Mapmap=JwtUtil.parseToken(token);Mapmap=ThreadLocalUtil.get();Stringusername=(String)map.get("

·2025-01-25 10:00

vscode 前端常用插件安装大全

在使用VisualStudioCode(VSCode)进行前端（特别是Vue.js）和Node.js开发时，安装合适的扩展插件可以大大提升开发效率和代码质量。

weixin_42113341·2025-01-25 09:32

【爬虫】使用 Scrapy 框架爬取豆瓣电影 Top 250 数据的完整教程

在本篇文章中，我将带大家从零开始使用Scrapy框架，构建一个简单的爬虫项目，爬取豆瓣电影Top250的电影信息。

m0_74825360·2025-01-25 08:57

Vue项目中使用Sass实现动态换肤

color-warning:#f2a626,color-danger:#ee2e6b,background:#fff,background-content:#f4f7fc,background-color:#eaedf7,),//darkthemedark:(color-primary:#3961f5,color-primary-second:#5e81f7,color-text-primary:

2401_84447065·2025-01-25 07:22

VScode使用笔记

VScode打开keil工程的配置[STM32]从零开始的vscode连接keil教程_vscode配置keil环境-CSDN博客补充：包含头文件vscode编辑keilarm工程中遇到的问题以及解决方法

我的老子姓彭·2025-01-25 07:50

一个上亿用户的电商平台的架构设计

一.总体架构Listitem客户端层(ClientLayer)Web客户端：使用现代前端框架（如React,Angular,Vue.js）开发响应式网页，保证在不同设备上的良好用户体验。

北京小太阳·2025-01-25 07:48

【Vue】Part4 接口调用

接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层

福安德信息科技·2025-01-25 07:15

通过函数创建 ant-design-vue 的 Drawer 组件和 Modal 组件

原由通常在业务中，写抽屉组件或者弹框组件的时候，都是用visible属性来控制是否显示：OpenModalwithasynclogic{{ModalText}}exportdefault{data(){return{ModalText:'Contentofthemodal',visible:false,confirmLoading:false,};},methods:{showModal(){th

·2025-01-25 06:26

springboot+vue项目实战2024

1.创建项目@SpringBootApplicationpublicclassApp{publicstaticvoidmain(String[]args){SpringApplication.run(App.class,args);}}2.引入依赖4.0.0org.springframework.bootspring-boot-starter-parent3.1.3com.ivan.cnshizh

·2025-01-25 06:26

uniapp中使用vant wappp

.custom-button{.van-button{background-color:blue;border-radius:10px;}}如果你的style样式中存在scoped，我们可以利用vue中的语法

m0_70647189·2025-01-25 05:05

Docker多架构镜像构建踩坑记

背景公司为了做信创项目的亮点，需要将现有的一套在X86上运行的应用系统迁移到ARM服务器上运行，整个项目通过后端Java，前端VUEJS开发通过CICD做成Docker镜像在K8S里面运行。

一直学下去·2025-01-25 04:55

vue使用pdf.js实现移动端在线PDF文件预览

背景产品需求涉及到动态的PDF展示，PDF是由后端去生成的，然后下发给前端在线的cdn地址，H5需要实现在线PDF预览的能力方案H5展示合同PDF，有很多实现方式。但是通过尝试后发现在不同操作系统会存在兼容性问题方案表现iframe的形式iOS：只能展示第一页，多页不能展示Android：弹出下载弹窗PC：正常展示embed标签iOS：只能展示第一页Android：弹出下载弹窗PC：显示不出来vu

yujin0213·2025-01-25 03:47

微前端架构在前端开发中的实践与挑战

随着单页面应用（SPA）和前端框架如React、Vue、Angular的快速发展，现代前端应用的复杂度日益提升。尤其是当应用规模逐渐增大时，单一的代码库往往难以应对不同团队的协作和版本管理问题。

桂月二二·2025-01-25 02:43

【含文档+PPT+源码】基于小程序的智能停车管理系统设计与开发

1.包含：项目源码、项目文档、数据库脚本、软件工具等所有资料2.带你从零开始部署运行本套系统3.该项目附带的源码资料可作为毕设使用智能停车管理系统的重要核心功能包括管理注册用户、管理停车场公告、车辆信息管理

小咕聊编程·2025-01-25 02:41

springboot+vue项目实战2024第四集修改文章信息

1.添加文章信息@PostMappingpublicResultadd(@RequestBody@ValidatedArticlearticle){articleService.add(article);returnResult.success();}voidadd(Articlearticle);@Overridepublicvoidadd(Articlearticle){article.set

·2025-01-25 01:51

web速览

Vue.js：一个渐进式的

qzhqbb·2025-01-25 01:32

从零开始搭建 Maven 私有仓库并上传 Jar 包

一、为何搭建Maven私有仓库？在开发过程中，搭建Maven私有仓库有着诸多重要的优势，以下为你详细阐述：加速依赖下载当我们进行项目构建时，如果依赖的是公共的Maven中央仓库，由于使用人数众多且服务器可能位于国外等因素，下载速度往往会受到影响，特别是在网络环境不佳或者需要频繁下载大量依赖的时候，等待时间会很长。而搭建了私有仓库后，对于已经下载过的依赖，后续项目再次使用时可以直接从本地的私有仓库获

咕德猫宁丶·2025-01-25 00:28

Three.js实战项目01：vue3+three.js实现圣诞动画贺卡项目

文章目录创建项目加载模型设置天空与水设置天空设置水纹添加点光源相机位置和文字切屏添加星星完整代码下载创建项目创建vue3项目【christmas-app】：npminitvite@latest安装两个库

叁拾舞·2025-01-24 22:46

Cesium+Vue3教程（009）：基于Vue3+Cesium加载渲染GeoJson数据

文章目录加载渲染GeoJson数据使用GeoJsonDataSource加载GeoJSON数据自定义样式注意事项加载渲染GeoJson数据在Cesium中，可以使用Cesium.GeoJsonDataSource来加载和显示GeoJSON数据。GeoJSON是一种广泛使用的地理空间数据格式，可以包含点、线、面等地理要素以及相关属性。使用GeoJsonDataSource加载GeoJSON数据示例代

叁拾舞·2025-01-24 22:45

Cesium+Vue3教程（010）：基于Vue3+Cesium的KML数据和CZML数据介绍

文章目录09-KML数据生成全球科学研究所地理标记10-KMZ数据加载GDP数据11-CZML数据介绍初始CZML数据加载CZML09-KML数据生成全球科学研究所地理标记在Cesium中，可以使用Cesium.KmlDataSource来加载和显示KML数据。KML(KeyholeMarkupLanguage)是一种常用的地理数据格式，支持点、线、面以及图标和样式定义。实现代码：//加载kml数