Vue表单的整体处理

在前端的处理中，表单的处理永远是占高比例的。在BOM+DOM+js的时候是这样，在Vue的时候也是这样。Vue的表单处理做了特别的优化，如值绑定、数据验证、错误提示、修饰符等。

表单组件的示例：

<script setup lang="ts">
import {ref} from "vue"
import axios from "axios"

   const name=ref("");
   const gender=ref("");
   const birthDate=ref("");
   const phone=ref("");
   const applyReason=ref("");
   const scopes=ref([]);
   const luckyNumber=ref(1);

   function submitForm(){
      axios({
         method:"post",
         url:"",
         params:{
            name:name.value,
            gender:gender.value,
            birthDate:birthDate.value,
            phone:phone.value,
            applyReason:applyReason.value,
            scopes:scopes.value,
            lunckyNumber:luckyNumber.value
         }
      }).then((res)=>{
         console.log(res);
      });
   }