vue3+element-plus表单验证之登录
1、诸君皆明白，setup是拿不到this的。但是官网的案例中是由用到this的，官网没在setup中写。
2、vue使用element-ui的form表单验证 问题描述：第一次点击新增时正常，第二次新增打开弹窗后由于表单内容为空，出现验证这种情况。
3、做表单可以用表单大师来实现，不用写代码，用表单大师提供的现有字段进行拖拉组合就可以了。
4、进行ajax请求，然后在ajax回调接口中如果发现校验结果为校验不通过，调用callback(new Error(手机号码已注册，请直接登录，如果忘记密码，请使用找回密码功能重新设置密码。))；即可。
vue3语法糖
语法糖是指在不影响功能的情况下， 添加某种方法实现同样的效果， 从而方便程序开发。
v-bind有一个对应的语法糖，也就是简写方式，在开发中，我们通常会使用语法糖的形式，因为更简洁。 注意：Vue2 template模板中只能有一个根元素，Vue3 template模板中允许有多个根元素。
起初 Vue0 暴露变量必须 return 出来，template中才能使用；这样会导致在页面上变量会出现很多次。很不友好，vue2只需在script标签中添加setup，可以帮助我们解决这个问题。
vue3没了$children,如何获取子组件???
ref为子组件指定一个索引名称，通过索引来操作子组件；this.$parent 可以直接访问该组件的父实例或组件；父组件也可以通过this.$children 访问它所有的子组件； 需要注意 $children 并不保证顺序，也不是响应式的。
父组件向子组件传递数据 (1)$parent方法，在子组件中可以直接访问该组件的父实例或组件。 (2)$root方法，获取根组件对象。
使用回调的方式。接口响应完，在then里，通过$emit触发父组件获取refs的方法。这种回调必然可以保证数据已经set到，再次手动获取，即可得到响应值。
解决 Vue3中，如果要在父组件拿到子组件(子组件的DOM结构、数据、方法)，可以通过 ref。在父组件中定义响应式数据 ref(null) ，并绑定给子组件。在需要的时候，通过定义的响应式变量即可获取。
助你上手Vue3全家桶之Vue3教程
1、setup 是所有 Composition API 的容器，值为一个函数。
2、将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它。
3、props 需要使用 PropType 泛型来约束。定义methods vue-router 扩展路由额外属性 在实际项目开发中，常常会遇到这么一个场景，某一个路由是不需要渲染到侧边栏导航上的，此时我们可以给该路由添加一个hidden属性来实现。