上面是常见的登录的界面,需求如下:
上面全部填写完成格式正确,登录按钮才能点击
图片验证码需要用户名和输入法都填写完毕的情况才出现
使用dom的编程方式主要步骤如下
获取用户名的input,侦听输入事件...,在回调里面判断步骤4
获取密码的input,侦听输入事件,在回调里面判断步骤4
获取验证码的input,侦听输入事件,在回调里面判断步骤4
回调函数需要判读用户名和密码是否输入正确,如果是显示验证码,...数据驱动的做法
声明三个变量,用户名,密码,验证码,使用数据绑定把变量绑定到三个input
验证码的显示状态 = 用户名不为空 && 密码不为空
提交按钮的显示状态 = 用户名不为空 && 密码不为空...&& 验证码不为空
点击提交按钮,提交三个变量
我们在数据驱动的时候,并没有操作dom节点,也没有侦听任何的事件,这些框架都为我们做好了,框架采用一种数据绑定的方式,自动绑定dom节点的属性.这样就把你从操作...props
函数可以接受外部的输入,然入内部吐出加工之后的结果,在vue中也是如此的,vue的组件允许从外部接收定义好的prop,可以指定相关的数据类型,默认值,是否允许为空,是否双向数据同步,是否单次绑定