欢迎到来~

vue3中使用emits传递数据给父级

// childer omponent

export default defineComponent({
name: 'childA',
props:[],//定义空数组
emits: ['changeData'], 定义传给父级的方法
 setup({
    // 1.
    emit('changeData')
    // 2.
    watch('监听的变量',(value)=>{
      emit('changeData',value)
    })
  })
})

// parent compent
<childA @changeData="childFun">-<childA>
  export default defineComponent({
  setup({
    const childFun=(value)=>{
       console.log(value)
    }
    return{
      childFun
    }
   })
  })

 

posted @ 2021-08-10 16:33  blankTwo  阅读(626)  评论(0)    收藏  举报