Vue中的provide和inject

64 阅读1分钟

Vue父子组件传递事件

A组件定义getSelectItem方法,然后提供出去,B组件获取这个方法,然后调用即可实现从B组件传入参数,并且调用A组件的方法

A组件

  import { provide } from 'vue'
  const getSelectItem = (value: any) => {
    // do something
  }
  provide('getSelectItem', getSelectItem)

B组件

  import { inject } from 'vue'
  const getSelectItem = inject<any>('getSelectItem')
  // .....
  getSelectItem('hello world')
  // ......