vue props

作者：战天独尊发布日期:2025-08-15 浏览:84

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

<script>
export default {
  props: {
    message: {
      type: String,
      required: true
    }
  }
}
</script>

<!-- 解释说明:
在这个示例中，我们定义了一个 Vue 组件，并通过 `props` 接收一个名为 `message` 的属性。`props` 是 Vue 中用于父子组件间传递数据的机制。

- `props`: 定义了组件接收的外部属性。
- `message`: 是一个字符串类型的属性，并且是必须的（`required: true`）。
- 在模板中，我们使用双大括号语法 `{{ message }}` 来显示传递进来的 `message` 属性值。
-->

上一篇：vue ref

下一篇：vue slot