javascript - 将值从组件 data() 传递到其他文件

Question

P项目类型: VueJS CLI v3.0 || 题目:向其他组件/.vue文件传递数据

我有一个组件，它有一个脚本，其 data() 看起来像下面的代码块:

data: () => ({
  subscription: [ ... ]
  value: 10
  ...
})

我需要确保另一个组件可以读取该数据。那可能吗？是否可以将一个组件中的数据值传递到另一个组件中，并让它在每次更新该数据值时都这样做？

Answer 1

有 3 种方法可以将数据传递给另一个组件:

1. 从父组件到子组件:passing props
2. 在 2 个不相关的组件之间:使用全局状态存储，例如 Vuex
3. 从子组件到父组件:使用 custom events .请注意，在这种情况下，您必须手动发出自定义事件。对于前 2 个解决方案，每当数据更新时，其他组件也会更新。