vue2+ts中ModelSync的使用

<template>
    <div class="list_pioakl">组件内modelSync: {{ modelSyncA }}</div>
</template>

<script lang="ts">
    import { Vue, Component, ModelSync } from 'vue-property-decorator';
    // 原写法

    @Component
    export default class ModelSyncComponment extends Vue {
        // 原写法
        // model: {
        //     prop: 'checked',
        //     event: 'change',
        // },
        // props: {
        //     checked: {
        //     type: Boolean,
        //     },
        // },
        // computed: {
        //     checkedValue: {
        //     get() {
        //         return this.checked
        //     },
        //     set(value) {
        //         this.$emit('change', value)
        //     },
        //     },
        // },

        // 其实我没看懂这个属性的意义何在
        @ModelSync('checked', 'change', { type: Boolean }) readonly modelSyncA!: boolean;
    }
</script>