vue3+ts+vite组件子传父，父传子问题

一、父传子:

1.父组件定义一个info：父组件引用子组件MaterialItemInvenToryIn，将parentMsg的值穿进去。

 <MaterialItemInvenToryIn

         :info="parentMsg"

        ></MaterialItemInvenToryIn>

2.子组件通过props接收以后便能直接再div页面使用info参数

props：｛

    info:String

｝

二、子传父

先定义一个clickChild事件

const emit = defineEmits(['clickChild'])

定义一个方法，如页面的点击事件@click = 'clickChild'

const clickChild = () => {

   //定义一个对象，将对象传给父组件

  let param={   content:'b' }

  emit('clickChild',param)}

}

父组件接收，MaterialItemInvenToryIn为子组件再父组件的调用：

<MaterialItemInvenToryIn@item-click="handEven"></MaterialItemInvenToryIn>

父组件调用handEven事件获取子组件传过来的参数

const handEven = (item) =>{console.log(item)}