Vue3父子组件通信

一、父组件给子组件传值

• 子组件

ShipHomePortDialog

1.定义变量名称

2.在template中使用变量

{{ title }}

3.在Script代码使用 

var t = props.title

• 父组件

二、子组件给父组件触发事件

• 子组件

1.定义事件名称 

const emit = defineEmits(['onClickOK', 'onClickCancel'])

2.在需要触发事件的地方使用

const data=
{
   id: '1',
}
emit('onClickOK',data);

• 父组件

 处理事件函数

function OnClickOKOnShipHomePortDlg(data:any)
{
  console.log(data);
}