跨单独的Vue组件编辑信息

时间:2018-04-06 20:24:23

标签: vue.js global-variables components

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

我有PHP背景,因此设置全局变量将是实现此目的的一种方法。但是对于Vue,我并不完全确定。

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

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

如果这两个组件是分开的,而Component1正在控制原始值,那么Component5如何访问该值,更新或操纵它?

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

1 个答案:

答案 0 :(得分:0)

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

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