Vue3深入组件Props
warning:
这篇文章距离上次修改已过440天，其中的内容可能已经有所变动。
在Vue 3中，你可以使用defineProps函数来定义组件的props。这里是一个简单的例子：
<script setup>
// 定义props
const props = defineProps({
title: String,
likes: Number,
isPublished: Boolean,
commentIds: Array
});
// 使用props
console.log(props.title);
console.log(props.likes);
console.log(props.isPublished);
console.log(props.commentIds);
</script>
<template>
<div>{{ props.title }}</div>
</template>在这个例子中，我们定义了四个props：title（字符串）、likes（数字）、isPublished（布尔值）和commentIds（数组）。然后我们通过defineProps函数获取这些props，并在script setup标签中使用它们。在template标签中，我们也展示了如何使用props.title。
评论已关闭