vue3中defineProps和defineEmits的TS使用方法

最新推荐文章于 2024-06-07 23:26:45 发布

farewell--

最新推荐文章于 2024-06-07 23:26:45 发布

阅读量766

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/m0_72447899/article/details/129313362

版权

//定义接收props的ts接口
interface Props {
  userName: string;
  sontable: object[];
  suceess: {
    num: number;
    meanScore: string;
    washTotTime: string;
    jobNumber: number;
  };
}
//定义props接收props传来的值
const props = withDefaults(defineProps<Props>(), {
  userName: "默认",
  sontable: () => [],
  success: () => {},
});
//子传父事件
const emit = defineEmits<{
  (e: "info", val: any): void;
}>();

**注意** defineProps接收引用类型须是包装一个函数，return出去