vue3组件封装

1、父组件调用子组件属性和方法

父组件中template写法：

  <role-modal ref="myRoleModal" @OK="roleModalOK" />

ref对象声明：

const myRoleModal = ref();

利用ref对象写代码逻辑：通过myRoleModal.value，可以使用组件中任意的变量和方法

 function dataAdd() {
        myRoleModal.value.visible = true;
        myRoleModal.value.title = '新增';
        myRoleModal.value.addData();
      }

2、