vue__之ref的作用

  1. 获取本页面的, dom元素节点:
    image
    image
    ref除了可以获取本页面的dom元素,还可以拿到 子组件中 的data 和  去调用子组件中的方法
  2. 获取子组件中的 data

    子组件:

    image

    父组件:

    image
    image
  3. 父组件调用子组件中的方法

    子组件:

    image

    父组件:

    image
    image
  4. 子组件调用 父组件 中的 方法
    实际上是  子组件 触发一个自定义事件,  然后 父组件监听这个事件

    子组件:

    image

    父组件:

    image
    子组件的方法, 触发了一个自定义事件, 这个自定义事件 触发了 父组件中的方法
    image


原文地址:https://www.cnblogs.com/cl1998/p/13203948.html