Question

我有一个包含3个组件的Vue应用程序，我们仅讨论其中两个，即“交换”和“对”。我的目标是从交换中获取价值并将其导入成对。我在这里看到过类似的问题，但答案是使用vuex或其他类似的技术，我想在不使用vuex的情况下执行此操作，因为我是vue的新手，并且我想让一切保持简单。下面是我的Exchange.vue的代码

export default {
name: 'exchange',
data () {
  return {
    exchanges,
    selectedExchange,
    msg: 'Exchange',
    search: ''
  }
},
methods: {
 returnExchange(){
   return selectedExchange;
  }
 }
}

这是我的Pair.vue代码

import exchange from './Exchange';
export default {
name: 'pair',
components:{exchange},
data() {
  return {
    pairs,
    msg: 'Pair',
    selected: ''

  }
 },
}

如果我尝试在Pair.vue中使用selectedExchange，它说它是未定义的，我如何在Pair.vue中使用该变量？

Answer 1

您可以仅将值作为prop传递，并且在此示例中，使用.sync修饰符可更新组件之间的值。

https://vuejs.org/v2/guide/components-props.html#Passing-Static-or-Dynamic-Props https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier

从一个组件获取变量到另一个组件

1 个答案: