TS 在 Vue中父组件如何与子组件通信 Component Prop

父组件：

<template>
    <div>
        <Telecontroller :email="email"></Telecontroller>
    </div>
</template>

<style lang="less">

</style>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import Telecontroller from './Telecontroller/Telecontroller'
@Component({
    components: {
        Telecontroller
    }
})
export default class RouterV extends Vue {
	email: string = '123456789@qq.com'
}
</script>

子组件：

<template>
    <div>
        {{email}}   // '123456789@qq.com'
    </div>
</template>

<style lang="less">

</style>


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

@Component
export default class Telecontroller extends Vue {
	@Prop({
	        type: String,
	        required: false,
	        default: '',
	    }) email !: string
	}
</script>