vuejs component之間是如何通信的？

Question

1. component與另一個component之間如何傳輸數據？

不確定我這樣的寫法是否正確？

標準的寫法是什麽？

Answer 1

父组件给子组件传递信息可以通过设置子组件的props来通信或者使用Event。子组件想传递信息给父组件只能通过Event。

Answer 2

子组件接收,父组件的数据,可设props钩子

//child.vue
export default {
porps: {
   parents: {
      type: String
      }
   }
}

//parens.vue
<child :parens="parenData"></child>
export default {
    data: {
       parents: 'parent data'
    }
}

父组件接收,子组件的数据,可用ref接口.
也可在子组件用事件dispatch冒泡,父组件在钩子evens监听

Answer 3

这样写没问题，不过复杂的场景下易引起混乱，因此推荐使用 vuex 或 event bus 实现非父子组件间通信。
具体参见官网，或者（打个广告）去学极客学院的 Vue 课程：http://www.jikexueyuan.com/zh...