微信小程序中，父页面通过Prop传递对象item给组件A，子页面修改后item某个字段后，父页面中无变化

子组件 最好不要直接修改Props接收到的值
推荐你使用emit发出一个事件 在父组件/页面 里修改这个变量的内容 来发生改变
父组件/页面

<template>  
    <view>  
        <template v-for="(item,index) in list">  
            <testItem :item="item" :i="index" @setItem="setItem"></testItem>  
        </template>  
    </view>  
</template>  

<script setup>  
    import testItem from './components/test-item.vue'  
    import {ref} from 'vue'  
    let list = ref([{  
        title:111  
    },{  
        title:222  
    }])  
    const setItem = (items,index) => {  
        list.value[index].title = items  
    }  
</script>  

子组件 test-item

<template>  
    <view>  
        <text>第{{i}}个子组件------{{item.title}}</text>  
        <button @tap="tapItem">修改item的title</button>  
    </view>  
</template>  
<script setup>  
    let props = defineProps({  
        item: {  
            type: Object,  
            default: {}  
        },  
        i: {  
            type: Number,  
            default: null  
        },  
    })  
    const emit = defineEmits(['setItem'])  
    const tapItem = () => {  
        emit('setItem',props.item.title+1,props.i)  
    }  
</script>  

经过尝试，我使用了两种方法解决这个问题：
1.按照1楼的方法：在子组件中通过this.$emit(),把数据发送到父页面中，在父页面中再更新

1. 猜测小程序中prop传进去后，组件内部进行了一次深拷贝，组件内部的item和父页面中的item已经没有任何关系（这和APP、H5有本质区别）。再父页面中当需要用到最新数据时使用this.$refs.test.item.title ，这总方法比第一种可以精简代码