vue3 组件传值为常量

在 Vue3 中，组件传递常量也可以使用 `props`，只需要将常量定义在父组件中的 `data` 或 `computed` 中，然后将其作为 `props` 传递给子组件即可。

以下是一个示例：

父组件：

<template>
  <div>
    <ChildComponent :const-value="constantValue" />
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      constantValue: 'This is a constant value'
    }
  }
}
</script>

子组件：

<template>
  <div>
    {{ constValue }}
  </div>
</template>

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

在子组件中，通过 `constValue` 可以访问到父组件传递的常量。注意，在父组件中定义常量时，需要使用 `data` 或 `computed`，而不能使用 `props`，因为 `props` 是用来接收父组件传递的数据的。