如何在 VueJS 中的组件之间共享数据

Question

我有一个相当简单的 VueJS 应用程序，3 个组件（登录、SelectSomething、DoStuff）

登录组件只是用户的表单并传递输入，而第二个组件需要显示在登录过程中获得的一些数据。

如何将数据从一个组件共享到其他组件？这样当我路由到第二个组件时，我仍然拥有在登录组件中获得的数据吗？

原文由 daniels 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 props 或事件总线，您可以在其中从一个组件发出一个事件并监听另一个

vm.$on('test', function (msg) {
  console.log(msg)
})

vm.$emit('test', 'hi')
// -> "hi"

原文由 highFlyingSmurfs 发布，翻译遵循 CC BY-SA 3.0 许可协议