如何从其他导入的组件设置/获取数据?

时间:2019-05-08 08:46:40

标签: vue.js vue-component

只需学习Vue,请帮忙

我可以导入一些组件

import products from './components/products.vue'

如何获取/设置一些数据,例如

props: {msg: String},data(){ return {bar: 2019}},

1 个答案:

答案 0 :(得分:0)

组件之间的通信主要通过道具和事件来实现。如果组件关系是父子关系,则可以从您的父组件中使用prop向子项提供数据,并使用事件从子项接收数据。

如果组件是同级,则可以通过父级实现它们的通信。例如,如果A是B&C的父级(使B和C成为同级),并且您想要将数据从B发送到C,则您将引发B的事件,在A中侦听,更新局部变量并发送那些在C中作为道具。

对于更复杂的数据共享方案,您将不得不使用状态管理技术,例如redux或vuex。