vue3 父组件传值子组件

父组件传值子组件

父
<Coupons title="领券" when="岁末的秋天，缓缓飘落的秋叶" @xuanzhe="jiujinshi" />
//子组件调用父组件的里的函数方法
function jiujinshi(val) {
  alert(val);
}




子
 <van-cell  :title="title" is-link  />
 <div>优惠券{{ when }}  </div>

<script lang="ts" setup>

//定义父组件传过来的值得类型
defineProps({
  title: { type: String },
  when: { type: String },
});
//子组件调用父组件的里的函数方法
const emit = defineEmits(['xuanzhe']);
function onClose(num: number) {
  emit('xuanzhe', num);
  show.value = false;
}

</script>