vue3 defineprops

作者：世界哪有真情发布日期:2025-11-21 浏览:37

<script setup>
// 使用 defineProps 来定义 props
const props = defineProps({
  title: {
    type: String,
    required: true
  },
  count: {
    type: Number,
    default: 0
  }
})
</script>

<template>
  <div>
    <h1>{{ props.title }}</h1>
    <p>Count: {{ props.count }}</p>
  </div>
</template>

<style scoped>
/* 样式部分可以根据需要添加 */
</style>

解释说明：

defineProps 是 Vue 3 <script setup> 语法糖中的一个宏，用于定义组件的 props。
在上面的例子中，我们定义了两个 props：title 和 count。
- title 是一个必需的字符串类型。
- count 是一个可选的数字类型，默认值为 0。
在模板中，我们通过 {{ props.title }} 和 {{ props.count }} 来使用这些 props。

上一篇：ant vue

下一篇：vue websocket