根据vue3+TypeScript写法，重新生成

在Vue3中结合 TypeScript 使用，可以让你的 Vue 应用程序有更强的类型安全性和更明确的开发体验。以下是一个基础的组件示例：

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

<script lang="ts">
import { Component, Prop } from 'vue';

@Component
export default class MyComponent extends Vue {
  // 定义props类型
  @Prop({ type: String, required: true }) public message: string;

  mounted() {
    console.log('Component is mounted');
  }
}
</script>

<style scoped></style>

在这个例子中，`@Prop`装饰器用于声明接受外部传入的属性，并指定其类型。`String`表示接收的是字符串类型的值，`required: true`表示这个属性是必需的。