defineProps和defineEmits的用法

defineProps和defineEmits是Vue.js 3中的两个新功能，用于组件的属性(props)和事件(emits)的定义。

1. defineProps：它用于定义组件的属性(props)。通过使用defineProps，您可以指定组件接受哪些属性以及其类型、默认值等。在组件中使用props选项来定义属性的方式已经被废弃，推荐使用defineProps来代替。

示例代码如下：

import { defineProps } from 'vue';

export default {
  props: defineProps({
    propA: {
      type: String,
      required: true,
    },
    propB: {
      type: Number,
      default: 0,
    },
  }),
};

2. defineEmits：它用于定义组件的事件(emits)。通过使用defineEmits，您可以指定组件发出哪些事件。在组件中使用emits选项来定义事件的方式已经被废弃，推荐使用defineEmits来代替。

示例代码如下：

import { defineEmits } from 'vue';

export default {
  emits: defineEmits(['eventA', 'eventB']),
  methods: {
    handleClick() {
      this.$emit('eventA');
    },
  },
};