vue3 关于子组件给父组件传值，详解

关于vue3其他功能暂不说明。主要针对父子传值问题!
父给子组件传值：
父组件：（:inputData=“userNameInputDataTow”）

 <div>
        <div>密码：</div>
        <ccc-input
          :inputData="userNameInputDataTow"
          type="password"
          placeholder="请输入密码..."
          v-model="userPassWord"
        ></ccc-input>
 </div>

子组件：

  setup(props, context) {
    const inputsType = reactive({
      val: props.modelValue || "",
      error: false,
      message: "",
    });
 }

子给父传值
子组件（context.emit(“submitFn”)）

 setup(props, context) {
    const colorValue = reactive({
      color: props.types || "#1989fa",
      submits: () => {
        context.emit("submitFn");
      },
    });
    return {
      ...toRefs(colorValue),
    };
  },

父组件
父组件（ @submitFn=“login”），接受方法跟vue2相同；

	<div class="buttonStyle">
        <cccbutton :types="typeValue" @submitFn="login">登录</cccbutton>
    </div>

不足之处，敬请谅解