Vue初学者

fuadmin

fu-admin-web采用VUE3，TS开发。fu-admin-backend采用Python，Django和Django-Ninija开发。

jcsx·2025-01-26 03:55

请简述vue2和vue3的区别

Vue2和Vue3作为Vue.js框架的两个主要版本，在多个方面存在显著的差异。

youhebuke225·2025-01-26 02:47

vue3表格数据分2个表格序号连续展示

一、el-table表格在弹窗里面分两个表格展示。假设我们有一个数组tableData，我们希望在第一个表格中展示前半部分的数据，第二个表格中展示后半部分的数据。打开弹窗取消确定exportdefault{data(){return{dialogVisible:false,tableData:[{date:'2024-01-01',name:'张三',address:'上海市浦东新区',},{da

我爱加班、、·2025-01-26 02:45

vue3实际开发bug解决

index.vue:119Uncaught(inpromise)TypeError:Cannotcreateproperty'value'onstring'我是标题'问题分析：问题出在componentName

我爱加班、、·2025-01-26 02:15

Vue3 - Element Plus 下拉菜单 el-dropdown 阻止冒泡传递到上层触发事件，解决 dropdown 下拉菜单组件被容器元素包裹时点击事件触发，会连带触发外层包裹容器的点击事件

本文实现了在vue3+elementplus项目开发中，解决el-dropdown下拉菜单组件时点击事件冒泡问题（激活触发外层嵌套元素的点击事件，从而同时触发），使用.stop修饰符又没有地方可以加入的问题

王二红·2025-01-26 02:14

vue-cli项目中使用Electron

Vue项目中使用Electron一、安装二、创建background.js三、创建preload.js文件四、修改package.json文件五、修改vue.config.js文件六、启动1本地启动2打包补充

骆驼Lara·2025-01-26 02:14

Vue企业开发实战——学习心得

一、Vue.js简介Vue.js是一个渐进式JavaScript框架，用于构建用户界面。它与其他大型框架的不同之处在于，Vue被设计为可以自底向上逐层应用。

sienn·2025-01-26 02:13

Vue3笔记——（五）路由

组件通信_方式1_props作用：若父传子，属性值是飞函数若子传父，属性值是函数Parent.vue父组件汽车：{{car}}子给的玩具：{{toy}}importChildfrom'.

木子李BLOG·2025-01-26 02:13

深入理解 Vue 的 Diff 算法：从原理到实现的完整剖析

Vue的Diff算法如何工作？如何将传统树的比较复杂度从O(n^3)降到O(n)？Vue3的优化策略如何显著提升性能？Vue源码中Diff算法的实现细节是什么？实际开发中Diff算法的使用及优化实践。

qq_39279448·2025-01-26 02:12

前端构建工具

作用：适合现代框架如Vue、React，热更新速

光影少年·2025-01-26 02:41

vue阻止事件冒泡

阻止冒泡（EventBubbling）在Web开发中是一个常见的需求，主要有以下几个原因：精确控制事件处理：在复杂的UI结构中，同一个事件（如点击）可能会触发多个元素的事件处理函数。如果不阻止冒泡，那么从触发事件的元素开始，一直到DOM树的最顶层（通常是document或window对象），沿途的每一个元素都有机会处理这个事件。这可能导致不期望的副作用或性能问题。通过阻止冒泡，可以精确控制哪些元素

阿贾克斯的黎明·2025-01-26 02:10

Vue.js组件开发详解

Vue.js组件开发详解Vue.js是一个用于构建用户界面的渐进式框架，其核心思想是通过数据驱动视图的变化，同时提供了一系列强大的工具来帮助开发者高效地开发复杂的单页应用。

小俊学长·2025-01-26 02:39

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

【C++】初学者的浪漫编程指南

少年不惧岁月长，彼方尚有荣光在。前言这是我自己学习C++的第一篇博客总结。后期我会继续把C++学习笔记开源至博客上。C++的兼容性1.C++兼容绝大多数C语言的语法，因此只需要把.c后缀文件改为.cpp即可。2.VS编译器看到是.cpp就会调用C++编译器编译。#define_CRT_SECURE_NO_WARNINGS#includeintmain(){printf("helloworld\n"

星霜旅人·2025-01-26 00:29

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

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

egekm_sefg·2025-01-25 23:15

Cesium 中那些改变视角的方法，带你彻底了解 cesium 相机

对于cesium的初学者来讲，相机是不可饶过的一部分知识，这篇文章我们就来彻底的玩一下cesium里的相机。

WebGIS小智·2025-01-25 22:07

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

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

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

由于直接展示多种编程语言的全套游戏代码会相当冗长，我将为你概述一个简单的小游戏——猜数字游戏，并用几种流行的编程语言（Python, JavaScript, C++, Java）给出其核心逻辑的代码片

Python版本ftinc.cnPython版本非常直观，适合初学者。

IsaacHornby·2025-01-25 21:05

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

Python实现SMTP自动发邮件全流程指南

文章还强调安全性和常见问题的解决方案，为初学者提供详细步骤和视觉辅助。1.SMTP协议基础在互联网技术飞速发展

福建低调·2025-01-25 19:19

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

深入理解Python的@staticmethod和@classmethod装饰器

然而，许多初学者可能会对这两种方法感到困惑，

清水白石008·2025-01-25 18:08

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

通过Python编程语言实现“机器学习”小项目教程案例

1.Python与机器学习概述1.1Python语言特点Python是一种广泛使用的高级编程语言，具有简洁、易读、易学的特点，这使得它成为初学者和专业人士的首选语言之一。

胡萝卜不甜·2025-01-25 15:18

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

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

C语言从入门到精通 - 学习资源

这本书是专为那些渴望深入理解并掌握C语言的初学者以及进阶者所准备的宝贵资料。通过本书，你将能够系统地学习C语言的基

颜栩原·2025-01-25 08:25

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

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

一.总体架构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