vue3简单使用第45页

vue3简单使用

vue3阻止事件冒泡到父元素

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

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

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

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

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

Vue 3 中的 ref 完全指南

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

m0_74824002·2025-01-25 20:28

C++的list-map链表与映射表

C++list-map链表与映射表的简单使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值。

芯动大师·2025-01-25 19:47

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

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

·2025-01-25 14:04

C++vector容器的使用

目录一、C++中什么是vector容器二、vector的特点三、使用场景四、对vector容器的简单使用1、vector构造函数2、vector赋值操作3、vector容量与元素个数4、vector的插入和删除

jax不摆烂·2025-01-25 14:09

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

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

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

【橘子微服务】spring cloud function的编程模型

一、简单使用在进入概念之前，我们先来看看这玩意咋用，然后我们再铺开讲设计和知识，不然上来一堆废话不知道说的是谁。简单来创

玄衣如雪·2025-01-25 05:34

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数

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

SpringBoot实现各种参数校验，写得太好了，建议收藏！

简单使用JavaAPI规范(JSR303)定义了Bean校验的标准validation-api，但没有提供实现。hibernatevalidation是对这个规范的实现，并

白露与泡影·2025-01-24 21:35

c++中grpc简单使用---函数介绍及其代码演示

前言C++gRPC（GoogleRemoteProcedureCall）是一种高性能、开源的远程过程调用框架，用于在不同服务之间进行通信。配置gRPC可以访问该网站：grpc配置一.函数介绍下面是一些常见的C++gRPC函数及其功能：grpc::Channel：表示一个gRPC通道，客户端通过这个通道与服务端进行通信。grpc::CreateChannel(conststd::string&tar

叙白大人·2025-01-24 20:33

【全栈】SprintBoot+vue3迷你商城-扩展：vue3项目创建及目录介绍

【全栈】SprintBoot+vue3迷你商城-扩展：vue3项目创建及目录介绍往期的文章都在这里啦，大家有兴趣可以看一下【全栈】SprintBoot+vue3迷你商城（1）【全栈】SprintBoot

杰九·2025-01-24 20:32

【全栈】SprintBoot+vue3迷你商城-扩展：vue的基本用法

【全栈】SprintBoot+vue3迷你商城-扩展：vue的基本用法在进行前端开发之前，需要熟悉vue的一些基本用法，这里举例了一些常见的基本用法1.v-if,v-else,v-else-if用于条件渲染元素

杰九·2025-01-24 20:31

微信小程序 - wx.navigateTo({}) 跳转页面携带对象/数组/复杂数据参数（携带一个复杂对象数据参数）

支持Vue2/Vue3语法，完美解决。解决方案使用

王二红·2025-01-24 20:55

SpringBoot3+Vue3+NaiveUI博客后台管理系统源码 | 小蚂蚁云

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

小蚂蚁开源·2025-01-24 18:12

小蚂蚁云后台管理系统|XiaoMaYi

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

小蚂蚁开源·2025-01-24 18:42

Vue - toRefs() 和 toRef() 的使用

一、toRefs()在Vue3中,toRefs()可以将响应式对象的属性转换为可响应的refs。主要用于在解构响应式对象时，保持属性的响应性。

来一碗刘肉面·2025-01-24 17:01

Vue3 - 解决报错警告＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep-alive＞.Use s

在vue3开发中，详解报错警告：[VueRouterwarn]:

王二红·2025-01-24 11:49

Vue3 源码解析（六）：响应式原理与 reactive

今天这篇文章是笔者会带着大家一起深入剖析Vue3的响应式原理实现，以及在响应式基础API中的reactive是如何实现的。

·2025-01-24 07:14

Tailwind CSS—骨架屏生成器

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读使用TailwindCSS快速创建现代化的骨架屏，只需要这个简单的工具。我一直在寻找方法，让我的网站更加引人入胜和用户友好。

·2025-01-24 07:14

Vue3项目开发——新闻发布管理系统（八）

文章目录十、新闻管理模块设计开发1、新闻管理主页面设计1.1基本架构搭建1.1.1搜索表单1.1.2新闻主表格样式(静态数据模拟渲染)1.2新闻分类选择框1.2.1新建组件1.2.2页面中导入渲染1.2.3调用接口，动态渲染下拉分类，设计成v-model的使用方式1.2.4父组件定义参数绑定1.2.5发布状态，也绑定一下，便于将来提交表单2、新闻表格渲染2.1封装API接口，新闻主表格渲染2.1.

bjzhang75·2025-01-23 22:08

Junit5 单元测试框架的使用

Junit5简单使用总结作为一款测试框架，一般我们需要从以下几个方面去考虑TestCase：测试用例的管理Assertions:用例断言的管理TestExecution:测试执行，以何种顺序执行TestFixtures

qq_40815999·2025-01-23 19:46

Element-plus封装表格Validate

本文将详细介绍一个基于Vue3的自定义Hook——useAttrValidate，它提供了一种便捷的方式来处理表格组件中的字段校验。

努力搬砖的宣·2025-01-23 19:44

Vue-Router路由动态缓存组件(keep-alive)，vue2/vue3不同写法

个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~作者：码喽的自我修养❣️专栏：vue2/3从基础到起飞若有帮助，还请关注➕点赞➕收藏，不行的话我再努努力文章目录一、简介它的主要作用是缓存不活动的组件实例，而不是销毁它们。基本用法生命周期钩子二、定义是否缓存组件三、缓存组件相关配置1.通过:inclu

码喽的自我修养·2025-01-23 18:38

Vue 3中的路由（Router）详解

接下来这篇文章将逐步讲解Vue3中的路由概念以及使用。一、什么是路由？路由其实就是URL与应用程序视图之间的映射关系。在传统的多页应用里面，每次跳转都是向服务器发送请求，服务器返回新的页面的过程。

scorpion_V·2025-01-23 18:37

Flutter：进步器，数量加减简单使用

封装组件import'package:ducafe_ui_core/ducafe_ui_core.dart';import'package:flutter/cupertino.dart';import'../index.dart';///数量编辑classQuantityWidgetextendsStatelessWidget{//数量发送改变finalFunction(intquantity)o

sunly_·2025-01-23 13:03

v=534c014e‘ vue3引入jwt-decode报错

安装cnpminstalljwt-js-decode导入import{jwtDecode}from'jwt-js-decode';使用constdecode=jwtDecode(user_token)

BigData-0·2025-01-23 12:30

vue和reacts数据响应式的差异

Vue的数据响应式：原理：Vue使用Object.defineProperty或Proxy（在Vue3中）来实现数据的响应式。

每天吃饭的羊·2025-01-23 11:50

Systrace系列1—— 简介

本文主要是对Systrace进行简单介绍，介绍其简单使用方法；如何去看Systrace；如何结合其他工具对Systrace中的现象进行分析。

添码星空·2025-01-23 08:31

SpringCloud之OpenFeign简单使用

SpringCloud之OpenFeign简单使用文章目录SpringCloud之OpenFeign简单使用一、远程调用功能使用url形式的方式测试二、负载功能测试三、熔断降级OpenFeign是springcloud

tuoerke·2025-01-23 08:22

四、【Vue3】——setup不得不说的两个注意点

在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数。

YIFEI132·2025-01-23 07:17

vue3 + [email protected]带箭头的轨迹线

import'leaflet-polylinedecorator'//箭头线（引入第三方插件）onMounted(()=>{window.customMap=mapInit.initMap({target:'map-container',coordinate:[36.09,120.35]})constdrawnItems=newL.FeatureGroup()window.customMap.ad

小汪同学→_→·2025-01-23 02:04

VUE3-修改element-plus-el-select的下拉框样式

样式如图：参考博客链接：修改el-select和el-input样式；修改element-plus的下拉框el-select样式；修改placeholder样式_elementplusel-select样式修改-CSDN博客.el-select{--el-select-border-color-hover:rgb(0,162,255)!important;//修改下拉框hover的默认样式}.el

Anastasia289·2025-01-23 00:42

Vue3初学之商品的增，删，改功能

用一个商品的后台管理进行增，删，改的实现。案例进行学习：新增商品编辑删除取消确定import{ref}from'vue';import{ElMessageBox}from'element-plus';constgoodsList=ref([{id:1,name:'商品1',price:100,stock:50},{id:2,name:'商品2',price:200,stock:30}]);cons

fmdpenny·2025-01-22 23:39

深入Vue 3：从入门到精通

深入Vue3：从入门到精通文章目录深入Vue3：从入门到精通一、Vue3的核心优势1.更快的性能:采用新的渲染器和优化策略，提高了渲染速度和内存效率。

养军博客·2025-01-22 18:28

爬虫笔记21——DrissionPage自动化框架的使用

DrissionPage自动化框架的使用前言DrissionPage的使用1、准备工具及初步了解2、ChromiumPage的使用（操作浏览器）访问页面初始化配置元素定位iFrame切换元素监听动作链的简单使用

墨菲马·2025-01-22 15:33

vue2和vue3组件传值——父传子

****近期学习vue3的组件传值，发现和之前的vue2版本并没有什么区别，实现的思路都是一样的，文章底部我会用大白话叙述一下vue组件传值的思路过程。

MvemiZ·2025-01-22 03:03

uniapp vite+vue3+ts微信小程序项目组合式Api自动导入

都会遇到vue3组合式Api导入的问题而感到烦恼！

懒人的烦恼·2025-01-22 02:22

python爬虫——pandas的简单使用

pandas作为爬虫中最重要的包之一，我们要想学好爬虫，就必须要深入了解pandas直接上代码importpandasaspdimportnumpyasnpdata=pd.DataFrame(np.arange(16).reshape((4,4)),index=['a','b','c','d'],#如果不写列索引默认为0，1，2，3columns=['a','b','c','d'])print(d

张謹礧·2025-01-22 02:22

vue项目打印网页功能-vue-print-nb

Printtheentirepage描述:支持两种打印方式，直接打印页面HTML、打印URL简单易用，支持兼容Vue的浏览器版本在线Demo:测试DEMO地址安装:Vue2版本npminstallvue-print-nb--saveVue3

九情丶·2025-01-22 00:14

第八篇：监视`ref`定义的【基本类型】数据和对象类型

一：【watch】监视`ref`定义的【基本类型】数据作用：监视数据的变化（和Vue2中的watch作用一致）特点：Vue3中的watch只能监视以下四种数据：ref定义的数据。

小画家~·2025-01-22 00:14

Vue3轮播图的实现：vue3-carousel的使用和配置

目录一、安装vue3-carousel二、引入三、轮播全局样式修改一、安装vue3-carousel官方文档：Gettingstarted|Vue3-carouselnpminstallvue3-carousel

闲人陈二狗·2025-01-21 22:26

多种vue前端框架介绍

本文我为大家分享几款开源、免费开源、开箱即用的开源免费的Vue3开源管理后台，它们可以帮助你在项目中快速起步！专注于业务逻辑的开发。01.vue-element-adminGithu

灵魂清零·2025-01-21 19:56

vue3+typeScript+vite3+vscode+eslint+prettiter+element-plus+vue-router+pinia+cryptoJs+tailwindcss

项目实战windows环境搭建nodeJs安装vite3安装+项目新建配置tsconfig.json配置vite.config.tspackage.jsontailwind.config.cjs配置.eslintrc.cjs配置vscode配置vscodeeslintsettings.jsonmain.ts入口pinia配置路由配置windows环境搭建nodeJs安装nodeJs官网：https

高梅飞花·2025-01-21 19:22

vue3+ ts 全局数据加密实现

bootCryptoDecryptuseDesensitise//是否全局进行表格字段脱敏useDesensitise:{type:Boolean,default:true},constdesensitiseField=Object.keys(desensitiseFields).map((k)=>desensitiseFields[k]).flat();定义脱敏constdesensitiseF

·2025-01-21 17:04

第七篇：vue3 计算属性：computed

v-model="firstName".//v-model.就是双向绑定的意思//通过v-model进行绑定姓：名：全称：!!!!!import{ref}from'vue'//这里数据的双向绑定,通过ref实现数据响应letfirstName=ref("zhan")letlastName=ref("san")计算属性——只读取，不修改//计算属性——只读取，不修改/*letfullName=com

小画家~·2025-01-21 15:21

第六篇 vue3 【toRefs 与 toRef】

import{ref,reactive,toRefs,toRef}from'vue'//数据letperson=reactive({name:'张三',age:18,gender:'男'})作用：将一个响应式对象中的每一个属性，转换为ref对象。备注：toRefs与toRef功能一致，但toRefs可以批量转换。let{name,gender}=toRefs(person)//取出一批数据的值//