vue2.0 非父子组件如何通信

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1 利用父组件传递

A组件传递到父组件，再由父组件传递到B组件

2 利用新的vue实例

var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
  // ...
})

3 使用vuex进行管理状态

Vuex 之于 Vue 就像 Redux 之于 React

文档在这里http://vuex.vuejs.org/zh-cn/getting-started.html

A组件传递到父组件，再由父组件传递到B组件

2 利用新的vue实例

var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
  // ...
})

3 使用vuex进行管理状态

Vuex 之于 Vue 就像 Redux 之于 React

文档在这里http://vuex.vuejs.org/zh-cn/getting-started.html

以上是 vue2.0 非父子组件如何通信 的全部内容， 来源链接： utcz.com/z/380376.html

回到顶部