vue3 setup props

作者：ら非你不取丶发布日期:2026-05-27 浏览:73

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script setup>
import { defineProps } from 'vue';

// 定义 props
const props = defineProps({
  message: {
    type: String,
    required: true
  }
});

// 解释说明：
// 在 Vue 3 的 <script setup> 语法中，defineProps 是一个编译时宏，用于定义组件的 props。
// 这里我们定义了一个名为 message 的 prop，它是一个字符串类型，并且是必须传递的。
// 在模板中可以直接使用 props 中定义的属性，如 {{ message }}。
</script>

上一篇：vue回调怎么写

下一篇：vue3 数组去重