快速开始vue最好的方式是阅读官网的文档,这是学习vue最好的途径,没有之一.基本上通读文档即可让你从入门到精通了,下面讨论一下vue的精髓与重点需要理解的部分
vue的精髓在于基于数据的状态和组件式编程...上面是常见的登录的界面,需求如下:
上面全部填写完成格式正确,登录按钮才能点击
图片验证码需要用户名和输入法都填写完毕的情况才出现
使用dom的编程方式主要步骤如下
获取用户名的input,侦听输入事件...数据驱动的做法
声明三个变量,用户名,密码,验证码,使用数据绑定把变量绑定到三个input
验证码的显示状态 = 用户名不为空 && 密码不为空
提交按钮的显示状态 = 用户名不为空 && 密码不为空...dom节点的属性.这样就把你从操作dom节点的繁琐过程中解脱出来了,你只要专注于数据的状态,ui更新的事情你不需要去管了,不过是样式还是内容,可见性还是切换class,框架帮你把关注点从传统的dom操作转移到了数据...局部变量
局部变量很好理解,对应于vue的data的而已,这跟函数里面使用var声明一个变量是一样的,唯一要注意的有几点,不要使用$和_作用变量的开头,vue会忽略掉它。