1 创建组件文件（组件要大写，别忘了）

2 编写Hello.vue组件

利用插件Vue VSCode Snippets的快捷语法vbase-ts-class敲出模板

<template>
    <div>
        ts组件--{{data}}
    </div>
</template>
<script lang="ts">
    import { Component, Vue, Prop } from 'vue-property-decorator';
    @Component
    export default class Hello extends Vue {
        @Prop() data!:string;
        // !表示这个值是一定需要导入的
    }
</script>
<style scoped>
</style>

3 app.vue中导入组件并使用

<hello :data="child"/>
<script lang="ts">
  import Hello from './components/Hello.vue';
    @Component({
    components:{
      Hello
    }
  })
</script>