将值从组件data（）传递到其他文件

Question

P 项目类型：VueJS CLI v3.0 || 问题主题：将数据传递到其他组件/.vue文件

我有一个组件，该组件的脚本的data（）类似于以下代码块：

/@[^,]*@/

我需要确保另一个组件可以读取该数据。那可能吗？是否有可能将一个组件中的数据值传递到另一组件中，并在每次更新该数据的值时执行此操作？

Answer 1

有3种将数据传递到另一个组件的方法：

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