更新Vue组件中的父值

Question

我在尝试使用道具时正在寻找一种从内部到外部更新值的方法，我尝试了一下，但是除了使用emit之外，不能从内部到外部更改元素。 我知道发射，但是我不知道我在道具上使用v-for是否有任何问题，因为Vue数据应该在一个方向上转换...。

HTML

<div> <sound-element v-for='(item,index) in sourcedata' :element="item">  
</sound-element> <div>

脚本

<script>
 Vue.component('sound-element',{
        props:['element'],
        template:`<p >{{element.record}}</p>
                    <button @click.prevent="record(element.place)"></button>`,
           methods: {
            record(ele){
                ele = 'recording';
                }}
        })
</script>

*源数据是全局变量。