vue3x中prop传值问题

这是一个通过v-model方式传值的代码

<FormItem :label="姓名" type="string" v-model="items.name" prop="name" :input-attr="请输入姓名" @input="syncData" />
<FormItem :label="拼音" type="string" v-model="items.pyname" prop="pyname" />
<script setup lang="ts">
import { reactive, ref, inject,computed } from 'vue'
import { pinyin } from 'pinyin-pro'
const items.name = ref('')
const items.pyname = ref('')
const syncData = computed(() => {
    items.pyname.value = pinyin(`${items.name.value}`, { toneType: 'none', v: true })
})
</script>

由于v-model变量有隐式any类型无法使用
有没有办法通过prop方式达到同样的效果？

https://blog.csdn.net/severestcritic/article/details/121434943
这个写的还是比较详细的，可以看一下，如果没有同时变化的话，用watch监听，也可以深度监听