一.父组件reactive定义一个对象为响应式数据,并绑定到子组件上,例如
<StuProps :name="'速度'" :age="'55'" :sex="'王子他爹'" :obj="obj" @update:obj="updateObj"/>
const obj = reactive({
key: 'test'
})
二.父组件定义一个修改数据的方法
function updateObj(params){
obj.key = params
}
return{
updateObj
}
三.子组件emit定义一个可触发的事件
props: {
obj:Object, //接收父组件数据
emits: ['update:obj'], //定义组件可触发的事件
setup(props,ctx){
function onClick() {
ctx.emit('update:obj','child')
}
}