Advertisement

Vue3的组件通信方式概述

阅读量:

大家好,我是一碗周,一位希望避免陷入过度竞争的前端开发者。若所撰写的文章能够获得您的认可,将感到无比荣幸~

写在前面

本篇文章是全部采用的[这里是代码001]这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。

本篇文章将介绍如下七种组件通信方式:

  • props
  • emit
  • v-model
  • refs
  • provide/inject
  • eventBus
  • vuex/pinia(状态管理工具)

开始搞事情~

举一个栗子

俗话说得好,若学习过程中不进行实际操作示例的编写,那就等同于敷衍了事~

本文将围绕以下这个示例展开讨论,具体如图所示:

![demo.gif](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/DqhnlGa6zHEkQ2ZN3

全部评论 (0)

还没有任何评论哟~