Vue3父子组件之间的传参及方法调用

Vue3

1. 子组件调用父组件方法

//父组件：
<video-card @getInitialData="getInitialData"/>

// 子组件：
//将子组件自己的方法写到emit里面
const emit = defineEmits(["initData"]);
const initData = () => {
//调用父组件 getInitialData 的方法
  emit("getInitialData");
};
const deleteHandle = () => {
  initData();
};

2. 子组件接收父组件的传参

//父组件：
 <video-card :item="item" :recognitionModuleSet="recognitionModuleSet" />

 //子组件：
//用defineProps抛出
const props = defineProps({
  item: Object,
  recognitionModuleSet: Object,
  isDetail: Boolean,
});