1.13 如何优雅的获取跨层及组件实例(拒绝传递)

一、同级组件实例获取

  1. ref引用信息

  2. 定义组件实例以及对应的获取方式

    <p ref="p">hello</p>
    // vm.$ref.p
    <child-component ref="child"></child-component>
    // vm.$ref.child

    注意:这是获取同级的

    备注:获取组件实例的方法是vm.$ref.xxx

二、跨级组件实例获取(callback ref)

  1. 主动通知:setXxxRef

  2. 主动获取:getXxxRef

  3. 通过上一章节讲述的provide结合自定义函数方式实现主动通知

Last updated