vue3.2及以上 父调子的方法defineExpose定义供父调用的方法及属性

1、定义子类LoginForm：

  function handleLogin(account, token) {
    console.log(account,token)
  }

  defineExpose({
    handleLogin,
  });

2、父类调用子类组件

const loginFormRef = ref();

<LoginForm ref="loginFormRef" />

loginFormRef.value.handleLogin(account, auth);

3、将定义的变量、方法以defineExpose export出去，供父调用

const formData = reactive({
     account: 'admin',
     password: '123',
  });

defineExpose({
     formData,
     handleLogin,
  });

 变量、方法都放在defineExpose里就可以了。

否则方法handleLogin会提示已定义，但是没有使用，下面方法只是演示少写一个e.

4、展示效果