Vue3父组件调用子组件内部的方法

1. 子组件中定义方法并通过defineExpose暴露出去

import { reactive, defineExpose } from "vue";
const state = reactive({
  dataList: [],
});
const changeData = () => {
  state.dataList.push(1);
}
defineExpose({
  changeData,
});

2. 父组件通过ref调用子组件暴露的方法

<child ref="childRef"></child>
 
import {ref} from "vue"；
const childRef = ref(null);
childRef.value.changeData();

vue2中通过$refs方法调用