文章 2024-08-03 来自:开发者社区

Vue3+TypeScript前端项目新纪元:揭秘高效事件总线Mitt,轻松驾驭组件间通信的艺术!

Vue3与TypeScript的结合为现代前端开发带来了强大的类型支持和组件化开发能力。然而,在构建大型应用时,组件间的通信往往会变得复杂而难以管理。为了简化这一过程,我们可以引入事件总线(Event Bus)的概念,而Mitt作为一个轻量级的、基于Promise的事件发射器,成为了Vue项目中实现...

文章 2024-05-30 来自:开发者社区

【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!

本篇将重点讲解vue中的多种组件通信方式,包括【父传子】【子传父】【兄弟组件通信】【依赖注入】等等,并提供具体案例来让小伙伴们加深理解、彻底掌握!喜欢的小伙伴们点赞收藏,持续关注哦~ 上一篇文章 史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册 系列专栏 vue从基础到起飞 ...

【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!
文章 2023-09-16 来自:开发者社区

前端经典面试题 | Vue组件间的通信方式

一、回答点普遍的 说 三四个即可 父/子 props/emit eventBus  provide/ inject 等..二、深入回答props/$emit        简述: 父组件通过 props 向子组件传递数据,子组件通过 $emit 和父组件通信父组件向子组件传值props 只能由父组件对子组件进行传值, 使得父子组件之间形成一个单向....

文章 2023-06-15 来自:开发者社区

web前端面试高频考点——Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)

一、Vue组件间通信1、props 和 $emitprops 常用于 父给子 传递数据this.$emit 常用于 子给父 传递数据event.$emit 常用于 兄弟组件间 传递数据示例:两个子组件(输入框组件&列表组件)动态添加和删除父组件(index.vue)父组件在子组件标签上绑定 @add 和 @delete 自定义事件<template> <div>.....

web前端面试高频考点——Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)
阿里云文档 2023-02-02

前端开发者如何开发自定义组件

本文面向具有前端开发功底的前端开发者,如果发现DataV的组件或者素材满足不了使用场景时,可以采用自定义组件的形式开发所需要的组件。

文章 2022-10-21 来自:开发者社区

【测试平台开发】十九、前端vue重构 — computed、watch、组件通信等常用知识整理

基于 springboot+vue 的测试平台开发继续更新。当前项目进度的前端重构已经完成了,在重构之余也对一些交互做了优化等。在本次的重构过程中感觉还是有不少收获,尤其是对于一些vue的前端知识的应用。今天不做具体的开发记录分享,整理一下过程中用到的一些vue知识点,结合实际项目代码举例,方便后续回顾,也供有需要的童鞋参考。主要可以分为 2 个大类:常规的、组件通信相关。一、常规知识点1.mo....

【测试平台开发】十九、前端vue重构 — computed、watch、组件通信等常用知识整理
文章 2022-06-13 来自:开发者社区

「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信

月亮啊月亮你能照见南边,也能照见北边照见她,你跟她说一声,就说我想她了。前言前一篇文章写了 vue 中利用 Props 实现组件之间的通信,那种方式是最简单也是最基础的组件之间的通信方式。父组件通过 props 向下传数据给子组件,当子组件有事情告诉父组件时会通过$emit事件告诉父组件。对于父子组件,这种传递方式,是较为方便且实用的,但是对于祖孙组件或者兄弟组件,就显得不那么友善了。在Vue本....

「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信
文章 2022-06-13 来自:开发者社区

前端培训-中级阶段(36)- vue2.x 组件定义和使用,组件间的通信

Vue 组件组件开发在 Vue 使用中很常见,好处有很多 解耦、并行开发、复用 等等。使用上也很简单,我们可以对比一下 elementUI 的 el-input 和 原生的 input。&lt;el-input v-model="val"&gt; &lt;input v-model="val"&gt;注册组件组件可以理解为可复用的 Vue 实例,所以与 new Vue 接收相同的选项,例如 da....

文章 2022-05-25 来自:开发者社区

「后端小伙伴来学前端了」Vue中自定义事件讲解及组件绑定自定义事件实现通信

前言原本这篇打算写Vue中的那个全局事件总线的原理,但是发现自己少写了这个自定义事件,不讲明白这个自定义事件的操作,不好写全局事件原理,于是就有了这篇文章拉。一、v-on指令要讲自定义事件,就得先说说v-on指令。因为v-on就是实现自定义事件的基础。v-on官网文档基本介绍v-on指令可以缩写为@,并且我们使用v-on指令时,其实它有一个默认参数event.可以和它一起搭配的修饰符大致有以下几....

「后端小伙伴来学前端了」Vue中自定义事件讲解及组件绑定自定义事件实现通信
文章 2022-05-25 来自:开发者社区

「后端小伙伴来学前端了」Vue中Props配合自定义方法实现组件间的通信

前言废话:上篇文章写了关于Vue 中的 propsprops,讲述了概念、基本使用及注意点,在这篇文章中,我们也会用到 props和方法来让组件之间实现通信。正题:组件是Vue中非常重要的一个概念,也是模块化开发的基础。在使用vue的开发过程中,每个页面就是由多个不同的组件组合而成的。如下图:既然有多个组件,就必须要做到数据的动态性,也要能够使多个组件之间能够通信。组件之间的通信无疑是下面几种:....

「后端小伙伴来学前端了」Vue中Props配合自定义方法实现组件间的通信

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注