如何在Vue组件中使用TypeScript而不使用TypeScript来添加自定义属性？

// MyComponent.vue
<template>
  <div>{{ message }}</div>
</template>

<script lang="ts">
import { PropOptions } from 'vue';

export default {
  props: {
    customProp: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      message: 'Hello, Vue!'
    };
  }
};
</script>

<template>
  <div>
    <my-component custom-prop="Custom Attribute"></my-component>
  </div>
</template>

// MyComponent.vue
<script lang="ts">
export default {
  props: {
    customProp: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      message: 'Hello, Vue!'
    };
  },
  mounted() {
    console.log(this.$props.customProp); // 输出：Custom Attribute
  }
};
</script>