vue3中如何写props

在Vue3中，可以使用两种方式来声明props。

1. 字符串数组声明props：

<script setup lang="ts">
import { defineProps } from 'vue';

const props = defineProps(["cat"]);
console.log(props.cat);
</script>

在上述代码中，我们使用`defineProps`函数来声明props，将需要的props名称以字符串数组的形式传递给`defineProps`函数。然后，我们可以在组件中通过`props.cat`来访问该props的值。

2. 对象实现props：

<script setup lang="ts">
import { defineProps } from 'vue';

const props = defineProps({
  cat: String
});
</script>

<template>
  {{ cat }}
</template>

在上述代码中，我们使用`defineProps`函数来声明props，将需要的props名称和对应的类型以对象的形式传递给`defineProps`函数。然后，我们可以在组件的模板中直接使用`cat`变量来访问该props的值。