如何在 中的组件之间传递数据

RAHIM23

由于跨组件共享数据的方法有很多种，您应该知道哪种技术最适合您的情况。我们来分析一下 VueJS 中最常见的三种传递数据的方式。 跨组件共享数据是 VueJS 的核心功能之一。它允许您设计更加模块化的项目、控制数据范围并在应用程序中创建自然的数据流。 除非您在一个组件中创建整个 Vue 应用程序（这没​​有任何意义），否则您将遇到需要在组件之间共享数据的情况。 在本教程结束时，您将了解完成此任务的三种方法。 使用 props从父级到子级共享数据， 发出自定义事件以从子级到父级共享数据， 使用 Vuex创  丹麦电话号码表 建应用程序级共享状态。

好吧——让我们开始吧！ 使用 NUXT 构建应用程序 借助 Spotify，您的朋友可以查看您正在即兴演奏的内容。如果互联网上的其他人也能体验你的算法节奏怎么办？了解如何编写自己的应用程序，以使用 和 Nuxt 分享您在 Spotify 上收听的内容。 阅读相关文章 → 参加关于前端、设计和用户体验的精彩研讨会，包括实用要点、现场会议、视频录制和友好的问答。



与布拉德·弗罗斯特（Brad Frost）、史蒂夫·沃尔特（Stéph Walter）和其他许多人一起。 跳转到研讨会 ↬ 功能面板 1. 使用 Props 从父级到子级共享数据 # VueJS props 是在组件之间共享数据的最简单方法。Props 是我们可以赋予组件的自定义属性。然后，在我们的模板中，我们可以给这些属性值，然后 — BAM — 我们将数据从父组件传递到子组件！ 例如，假设我们正在处理用户个人资料页面，并希望让子组件接受用户名属性。我们需要两个组件。 接受 prop 的子组件，我们称之为 传递 prop 的父组件，我们称之为 在内部们可以使用 props 选项声明它接受的 props。因此，在组件选项中，我们将其设置为如下所示。