Vue.js3开发基础与实战（微课版）第十二章项目实战：电商后台管理系统.ppt

编写登录页面3．编写页面逻辑为了使代码更加简洁、可重用、方便将相同逻辑代码放在一起易于维护，可以将大部分代码放在setup函数中编写。对于登录页面，主要逻辑包括数据绑定、表单校验和登录行为。如下程序所示。编写登录页面编写登录页面上述代码中，使用scriptsetup标签实现了跟setup函数相同的效果。其中，loginRules与el-form的rules属性绑定，定制了表单的校验规则。doLogin函数是登录行为，在执行登录前通过loginFormRef的validate方法进行表单校验。然后，通过定义好的loginApi调用登录的API接口