跨单独的 Vue 组件编辑信息



我一直在学习 Vue,我正在努力理解的一件事是如何跨两个单独的组件编辑信息。

我有PHP的背景,所以设置一个全局变量将是实现这一目标的一种方法。但是对于 Vue,我不完全确定。

例如:假设 Component1 创建了一个文本框,该文本框在页面上的某处显示值"dog"。从组件 1 中,您可以通过输入字段更新和更改该值。

稍后,假设 Component5 还有一个输入字段,需要将该文本框的值更改为"cat"。

如果这两个组件是分开的,并且组件 1 控制该原始值,那么组件 5 如何访问、更新或操作该值?

从本质上讲,处理需要从 Vue 应用程序的多个不同组件或部分访问/更改的信息的最佳方式是什么?

也许最好的方法是使用 Vuex。它提供了一个store,您可以在其中添加多个组件中所需的所有数据。

https://vuex.vuejs.org/en/intro.html

最新更新