受流行病的影响,有一段时间在家。最近,我开始谈论我对vue3.2 + ts知识的理解和使用。
VUE框架提供了前端开发组件的想法。这些页面由组件组成。在一些大型项目中,组件的数量正在增加,需要传达沟通。接下来,我们将输入主题并讨论vue3.x+如何使用组件在ts中进行通信(vue3.x中的组件之间的通信与2没有太大不同,也就是说,基于它可能有所不同。TS写作。)
1.定义父母
孩子
2.定义父母
孩子
3. DefineExpose文档的介绍为:默认情况下使用的组件是关闭的,即由模板参考或链条获得的组件的开放实例,该实例不会公开中间语句的任何绑定。组件中的属性,使用编译器宏。(实际上,它可以理解为父组件的内容,希望获得子组件。
父母
孩子
4. V模型父亲和儿子之间的通信,有时需要子分量来修改父部件的内容,并使用DefineProps的值修改错误。InternalIndepenlden onspecended attributes.in vue3.x,我们可以通过V模型,可以修改。让我们直接操作!
在vue2.x中,我们通常使用中央事件总线(EventBus)来处理兄弟组件,并使用Mitt()处理VUE3中兄弟之间的沟通。实际用法与EventBus相同。让我们看看如何实现它。
手套第一步安装:
创建第二步
步骤3
提供/注入通常在业务中交叉评估之间进行通信。一些学生可能会认为它可以通过一层通过DefineProps传输。
以上内容是我在日常开发中使用的某些组件之间的通信。毕竟,这是前端Xiaobai。
原始:https://juejin.cn/post/7102973527384391710