从父MVVM调用子方法

// 父组件或视图模型
<template>
  <div>
    <child-component ref="child"></child-component>
    <button @click="callChildMethod">调用子方法</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      this.$refs.child.childMethod();
    }
  }
}
</script>

// 父组件或视图模型
import React, { useRef } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const childRef = useRef();

  const callChildMethod = () => {
    childRef.current.childMethod();
  };

  return (
    <div>
      <ChildComponent ref={childRef} />
      <button onClick={callChildMethod}>调用子方法</button>
    </div>
  );
}

export default ParentComponent;