Vue3的组件通信方式概述
发布时间
阅读量:
阅读量
大家好,我是一碗周,一位希望避免陷入过度竞争的前端开发者。若所撰写的文章能够获得您的认可,将感到无比荣幸~
写在前面
本篇文章是全部采用的[这里是代码001]这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。
本篇文章将介绍如下七种组件通信方式:
- props
- emit
- v-model
- refs
- provide/inject
- eventBus
- vuex/pinia(状态管理工具)
开始搞事情~
举一个栗子
俗话说得好,若学习过程中不进行实际操作示例的编写,那就等同于敷衍了事~
本文将围绕以下这个示例展开讨论,具体如图所示:

还没有任何评论哟~
