vue3 子组件修改父组件的传递的props

vue3 子组件修改父组件的传递的props

<Hello :msg='msg' @changeMsg='changeMsg' />

let msg = reactive({

title:'小明'

})

let changeMsg = ()=>{

msg.title='小红'

}

通常子组件要修改父组件传递过来的props 还会给子组件传递一个自定义事件 让子组件能够修改msg
从修改本质上来说 还是执行的msg.title='小红' 这个代码,现在区别是msg是在父组件中被发起的修改,还是在子组件中被发起的修改,
如果你的组件要传递的数据非常多,我们要为每一个属性都设置一个自定义事件来修改对应的属性吗,
还是说这个在子组件中修改props是可以被认可的


回答:

props是单向数据流
简单的修改可以使用v-model

以上是 vue3 子组件修改父组件的传递的props 的全部内容, 来源链接: utcz.com/p/935518.html

回到顶部