props vue

作者：一杯酒悲痛人发布日期:2025-06-18 浏览:60

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

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

解释说明：

props: props 是 Vue 组件接收外部数据的一种方式。通过 props，父组件可以向子组件传递数据。
message: 在这个例子中，message 是一个 prop，它的类型是 String，并且是必须的（required: true）。
模板部分 (<template>): 使用双大括号语法 {{ message }} 来显示从父组件传递过来的 message 值。

这样，当这个组件被使用时，父组件可以通过传递 message 属性来控制子组件中的内容。

上一篇：vue includes用法

下一篇：vue video标签