vue组件

Vue组件通信

Vue组件通信Vue组件放在components目录：1、组件是对于HTML标签的扩展2、以.vue结尾的文件都是叫做组件APP.vue叫做根组件TODO:组件的文件名字的首字母大写组件的引入importXxxfrom
星星不打輰·2025-03-12 16:36

Vue2-状态管理Vuex介绍与使用

VueX状态管理简单状态管理最简单的StoreState在Vue组件中获得Vuex状态对象展开运算符组件仍然保有局部状态Getter通过属性访问通过方法访问Mutation提交载荷（Payload）对象风格的提交方式使用常量替代
来一杯龙舌兰·2025-03-12 14:23

【Vue】导出Excel（xlsx和file-saver）

以下是一个简单的例子：安装依赖：npminstallxlsxfile-saver在Vue组件中使用：导出Excelimport*asXLSXfrom'xlsx';import{saveAs}from'file-saver
Y_coder·2025-03-10 22:06

Vue 组件化开发指南：构建高效、可维护的前端应用

本文将深入探讨Vue组件化开发的核心概念、最佳实践以及如何通过组件化提升开发效率。1.什么是组件化开发？组件化开发是一种将用户界面拆分为独立、可复用的模块的开发方式。
m0_73523460·2025-03-10 08:59

深入理解Vue中的Component：构建灵活且可复用的前端模块

一、什么是Vue组件在Vue.js中，组件是可复用的Vue实
Earth explosion·2025-03-09 14:58

Vue 3 组件库测试驱动开发 (TDD)：Jest + Vue Test Utils 单元测试实战 - 保障组件质量与长期维护性

今天，我们将聚焦于组件库开发的质量保障环节，深入探讨Vue3组件的单元测试，并实践测试驱动开发(Test-DrivenDevelopment,TDD)理念，构建高质量、可长期维护的Vue组件库。
Neo Evolution·2025-03-09 12:15

怎么在Vue3项目中引入Vant组件库并使用？

2.1main.ts全局导入（平常自己的项目用的这个全局）2.2按需引入组件样式(简单介绍一下)1.安装插件2.配置插件3.组件按需使用：App.vue总结前言在Vue3项目中，Vant是一个轻量、可靠的移动端Vue
小陆不会敲代码·2025-03-09 04:51

使用css变量实现更改字体大小功能（vue3为例）

创建Vue组件或组合式API来管理这些变量：你可以使用一个Vue组件或Vue的组合式API（CompositionAPI）来管理这些全局变量的值。
伊泽瑞尔.·2025-03-08 23:04

AntV X6结合Vue组件渲染节点，并与节点组件进行双向的数据交互

Vue2.0+Element-ui框架，在开发流程功能时自定义节点，为实现稍复杂的样式以及操作交互，使用markup+attrs的方式的话，比较麻烦，且难以结合使用Element-ui的交互组件，因此换成结合Vue
南七小僧·2025-03-08 23:55

在Vue中，onLoad，onShow ，mounted的区别

是UniApp页面生命周期钩子，不是Vue组件的钩子。示例代码javascriptexportdefault{onLoad(options){console.log('页面加载，参数为:',opti
檐角小猫·2025-03-08 16:24

vue组件获取props_Vue中子组件怎么获取父组件的值？（props实现）

vue中父组件的数据如何传送到子组件中？组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。父组件的数据需要通过prop才能下发到子组件中。也就是props是子组件访问父组件数据的唯一接口。所以子组件引用父组件就需要用props实现。也就是props是子组件访问父组件数据的唯一接口。详细一点解释就是：一个组件可以直接在模板里面渲染data里面的数据(双大括号)。子组件不能直
weixin_39943868·2025-03-08 13:49

动态彗星流转边框按钮

实现步骤创建Vue组件首先，我们需要创建一个Vue组件，命名为Animat
J丶S丶Q·2025-03-07 19:08

（一）React 基础

~~目录目录一、React介绍1.1什么是React1.2React的特点1.3ReactVSVueVSAngular1.基本概述2.语法和核心概念对比2.1组件语法2.1.1React组件2.1.2Vue
小刀肉0812·2025-03-06 19:19

影院购票系统（二）——uni-app移动应用开发

一、整体功能概述这个Vue组件构建了一个完整的影院座位选择系统，涵盖从座位数据初始化、视图渲染到交互处理以及业务逻辑的整个流程。它遵循响应式编程模式，数据的变化能够及时反映在视图上，反之亦然。
阿常11·2025-03-06 09:57

Vue 组件中数据的定义

Vue组件中数据的定义为什么组件中的data选项是一个函数，而根实例中是对象原因：（1）.组件是一个独立的整体，那么数据也应该是一个独立的【80%】（2）.多人开发，数据如果不是独立的，那么数据会冲突【
weixin_45408068·2025-03-06 05:22

【VUE】Vue 组件详解

文章目录一、Vue组件的基础概念1.1什么是组件？
执键行天涯·2025-03-06 05:51

Teleport——Vue3项目中的传入，传送门

这个时候，我们想起来vue2有一个PortalVue组件，这妥妥的是vue2年代的好用工具，正如该项目在git上的描述一样“APortalComponentforVuejs,torenderDOMoutsideofacomponent
诸葛韩信·2025-03-06 00:40

vue原理面试题

答案：当Vue组件的数据发生变化时，Vue首先会在虚拟DOM中构建一个新的虚拟DOM树来表示更新后的组件结构。然后，Vue会将新的虚拟DOM树与旧的虚拟DOM树进行比较（这个过程称为Diff算法）。
阿芯爱编程·2025-03-04 18:03

Vue 组件的三大组成部分

Vue组件通常由三大组成部分构成：模板（Template）、脚本（Script）、样式（Style）模板部分是组件的HTML结构，它定义了组件的外观和布局。
今天你慧了码码码码码码码码码码·2025-03-04 12:18

vue原理面试题

答案：当Vue组件的数据发生变化时，Vue首先会在虚拟DOM中构建一个新的虚拟DOM树来表示更新后的组件结构。然后，Vue会将新的虚拟DOM树与旧的虚拟DOM树进行比较（这个过程称为Diff算法）。
·2025-03-04 01:09

Vue 3 组件库开发实战：打造基础 UI 组件库并发布 - 构建可复用的 Vue 组件资产

今天，我们将迈向Vue3组件化开发的更高阶段，聚焦于组件库的开发与发布，构建可复用的Vue组件资产，提升团队协作效率和项目开发质量。在实际项目开发中，尤其是大型项目或团队协作开发中，组件的复用性至关
Neo Evolution·2025-03-04 01:57

vue图表插件ECharts使用指南

npm或yarn进行安装，在项目根目录下执行以下命令：#使用npm安装npminstallecharts--save#使用yarn安装yarnaddecharts2.基本使用步骤2.1引入ECharts在Vue
IT 老王·2025-03-02 02:08

vue中在哪个生命周期中dom被渲染_Vue.js 组件的生命周期

本文目录结构问题Vue组件的生命周期答案总共分为8个阶段创建前/后，载⼊前/后，更新前/后，销毁前/后创建前/后：在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined
丁晓斌·2025-03-01 22:06

切换浅色和暗夜模式的vue组件 darkmode-switch-btn

简单方案第一步在head中声明，声明当前页面支持light和dark两种模式第二步设置不同模式下的全局样式变量，供全局子元素引用，实现模式修改，全局样式一起修改的效果。注：1.有些属性如background不能实现继承，所以要实现不同元素背景色的统一修改，只能是不同元素使用同一变量。模式修改，变量值会修改，从而实现样式的切换//字体$font-light-color-1:#1b1b1b;$font
日积一沙·2025-03-01 03:21

Vue的单元测试和端到端测试：确保组件可靠性与应用完整性

本文将深入探讨如何为Vue组件编写单元测试，并讨论如何使用Cypress等工具进行端到端测试。
哎 你看·2025-02-28 04:01

Vue.js 组件化开发：从入门到进阶

如果你想巩固Vue组件化的知识，非常推荐来学习。一、什么是组件化开发？在进入正题之前，想问大家一个问题：你有没有拼过乐高？如果有的话，你就会知道
小李学软件·2025-02-28 04:29

vue组件间通信的八大方法

再读vue官方文档系列文章目录vue组件间通信的八大方法文章目录再读vue官方文档系列文章目录前言一、通信种类？二、八大通信方式1.props和$emit2.
@LitterFisher·2025-02-27 04:44

当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？

不过，正如你提到的，当Vue组件的复用性不高时，组件化是否还必要、是否还有使用Vue的必要性就变得有些模糊了。
百锦再@新空间代码工作室·2025-02-27 04:13

Vue.js 编写组件单元测试

Vue.js编写组件单元测试今天我们来聊聊如何编写Vue组件的单元测试。单元测试是确保我们组件逻辑正确、功能稳定的重要手段，通过自动化测试，我们可以及时发现问题，避免后期调试困难。
轻口味·2025-02-27 02:29

vue3 下载文件 responseType-blob 或者 a标签

以下是一个使用axios的示例：使用axios下载文件首先，确保你已经安装了axios：npminstallaxios然后在你的Vue组件中使用axios下载文件：下载文件import{handleFileExport
阿丽塔~·2025-02-25 10:43

每日一道面试题(技术随机）什么是前端工程化？它有什么意义？

核心要素：模块化架构采用ESModules/CommonJS实现代码拆分组件化开发（如React/Vue组件体系）//ESModule示例import{utils}from'.
晚夜微雨问海棠呀·2025-02-25 09:11

快速入门——Vue组件化开发

学习自哔哩哔哩上的“刘老师教编程”，具体学习的网站为：9.Vue组件化开发_哔哩哔哩_bilibili，以下是看课后做的笔记，仅供参考。
ONEPEICE-ing·2025-02-25 04:32

AntV G6自定义流程图Graph

AntVG6自定义流程图GraphAntVG6自定义流程图Graph一、先看下我的效果图二、参考官方图表示例地址三、代码已整合成vue组件四、这里提供了直接改官方示例数据，简单的参考AntVG6自定义流程图
靠着蓝色背景幻想·2025-02-24 04:38

Vue学习：22.Vue组件库-Vant

Vue组件库是一系列预先构建好的、可复用的UI组件集合，它们设计用于加速Vue.js应用程序的开发过程。这些组件通常遵循一定的设计规范，提供统一的外观和交互体验，让开发者能够快速搭建用户界面。
星仔如雨·2025-02-23 21:54

Vue.js前端框架教程16：Element UI的el-dialog组件

文章目录el-dialog组件属性el-dialog组件基本用法基本用法事件示例注意事项el-dialog组件属性ElementPlus的el-dialog组件是用于创建弹出对话框的Vue组件，它提供了丰富的属性来自定义对话框的行为和样式
Cachel wood·2025-02-23 01:58

详解Vue生命周期钩子

onUpdated()5、onBeforeUnmount()6、onUnmounted()生命周期简单归纳1、页面初始时直接触发2、数据发生改变后触发3、错误捕获生命周期图示Vue生命周期钩子简介每个Vue
源去_云走·2025-02-22 19:02

Vue.js Vue 测试工具：Vue Test Utils 与 Jest

1.VueTestUtils简介VueTestUtils（VTU）是Vue.js官方提供的测试实用工具库，旨在简化Vue组件的测试工作。它提供了一
轻口味·2025-02-21 19:45

Vue.js组件开发深度解析：从原理到最佳实践

Vue.js组件开发深度解析：从原理到最佳实践一、Vue组件核心运行机制1.1响应式数据驱动原理//Vue3的响应式实现constreactiveMap=newWeakMap();functionreactive
星鬼123·2025-02-21 19:42

ref() 和 reactive()响应性 浅解

toRefs()`保持响应性2.2.2.解决方案：`toRef()`保持响应性3.最佳实践在Vue3中，ref()和reactive()都是用于响应式数据管理的API，它们的主要作用是让数据具有响应性，使Vue
懒懒的也很贴心·2025-02-21 14:59

VUE——mixins混入

Mixins（混入），一种分发Vue组件中可复用功能的非常灵活的方式；实际由一个mixins.js文件，导出一个js对象，包含组件中的变量、方法、生命周期函数（如：data、components、methods
水煮庄周鱼鱼·2025-02-21 10:55

vue高级面试题

以下是一些Vue高级面试题：一、Vue组件相关Vue组件通信有哪些方式？答案：Props和Events：父组件通过props向子组件传递数据，子组件通过$emit触发事件向父组件发送消息。
阿芯爱编程·2025-02-19 00:19

MTTK Vue Wrap 项目介绍

的组件封装工具，核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件（SFC）开发模式，同时兼容与SFC的混合使用.它允许开发者通过类似JSON的配置对象或动态生成的脚本快速构建Vue
MTTKbelinda·2025-02-17 10:53

vue框架生命周期详细解析

Vue.js的生命周期钩子函数是理解Vue组件行为的关键。每个Vue实例在创建、更新和销毁过程中都会经历一系列的生命周期阶段，每个阶段都有对应的钩子函数，开发者可以在这些钩子函数中执行特定的操作。
黑码小帅·2025-02-16 05:10

在Vue项目中使用高德地图Marker

目录前置准备1.创建Vue项目2.安装高德地图SDK实现Marker组件1.创建Map.vue组件2.使用Map组件运行项目高级功能1.动态添加和删除Marker2.自定义Marker样式3.添加信息窗体性能优化前置准备
小刘哥007·2025-02-15 21:42

vue3使用svg图标的方式总结

1234567891011121314.icon{width:24px;height:24px;fill:currentColor;}2.使用Vue组件可以将SVG图标封装为Vue组件，以便在应用程序中多次使用
lizi88888·2025-02-15 12:02

比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比

Vue3的setup函数vsVue2的created和dataVue3引入了setup函数，作为CompositionAPI的核心部分，它彻底改变了Vue组件的逻辑组织和代码复用方式。
dxh_888·2025-02-14 22:12

Vue.js前端开发实战学习笔记

Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue
cai-4·2025-02-14 19:11

前端vue如何实现数字框中通过鼠标滚轮上下滚动增减数字

以下是一个简单的示例，展示如何在Vue组件中实现这个功能：1.创建一个Vue组件（或在现有的组件中添加相关逻辑）。2.在模板中定义一个元素。
@百思不得奇解·2025-02-13 17:55

Vue - 在纯 JS 文件中调用自定义组件 / 类似 ElementUI 弹框组件 Message、Modal（在纯 js 文件中通过 import 方式引入并调用弹框模态框组件显示出来,）

前言用过ElementUI/AntDesignvue组件库的都知道，它们的消息提示框（Message）及模态框（Modal）不仅可以用组件的方式调用，还可以在纯js文件中引入组件和调用显示。
王二红·2025-02-11 05:01

DeepSeek 助力 Vue 开发：打造丝滑的步骤条

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的步骤条指令输入think步骤步骤1：安装依赖项步骤2：创建文件结构步骤3：编写Vue组件
宝码香车·2025-02-11 05:29
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他