子组件操作父组件的值

子组件可以通过props属性接收父组件的数据，但是这个过程是单向的，子组件无法直接修改父组件的值。然而，我们可以通过在子组件中触发一个事件，并将需要修改的值作为参数传递给父组件，在父组件中监听该事件并修改对应的值。这样子组件就能够间接地操作父组件的值了。当然，为了确保数据的同步，我们还可以使用.sync修饰符来简化这个过程。这样子组件的修改会实时反映在父组件中。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue.js之子组件操纵父组件的数据](https://blog.csdn.net/weixin_44827643/article/details/125878391)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [VUE子组件如何改变父组件传来的值，以及VUE子组件如何修改父组件的值，以及父组件修改子组件的值](https://blog.csdn.net/weixin_60414376/article/details/124229198)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]