25. 其它

1. 图片懒加载

1) 图片懒加载特点说明

1. 还没有加载得到目标图片时, 先显示loading图片
2. 在进入可视范围才加载请求目标图片

2) 下载依赖

npm install vue-lazyload

3) 引入并配置loading图片

4) 对异步获取的图片实现懒加载

2. 路由懒加载

1. 理解

2. 编码

3. 前台表单校验

1. 说明

(1) 项目中有一些如注册/登陆表单, 在提交请求前是需要进行表单输入数据校验的

(2) 只有前台表单验证成功才会发请求

(3) 如果校验失败, 以界面红色文本的形式提示, 而不是用alert的形式

(4) 校验的时机, 除了点击提交时, 还有输入过程中实时进行校验

2. 下载依赖

npm install vee-validate@2.2.15

3. 编码

• src/validate.js

• main.js

• Register组件