说明
vue可以通过 监视器(watch),监视属性,当属性值变化时,自动调用函数
注意:监视属性必须存在,才能进行监视
侦听属性(官网叫法)有时也成为 监听属性、侦听器、监听器
应用场景
与 计算属性 功能类似,计算属性能实现的功能,侦听属性也都能实现,但一般较麻烦
表单值变化实时校验、提示错误。如:年龄、价格不能是负数,也不能超过最大值;密码复杂度不符合要求;两次密码不一致;
在数据变化时,发送 ajax请求,如:百度的输入框的提示;输入验证码,自动向服务器发请求校验是否正确;
响应数据联动:A 数据改变,同步修改 B 数据
监视数据类型
- ref 基本类型、ref 对象类型
- reactive 类型
- 函数 getter 形式监听
- 监听多个数据
语法格式
watch(监听源, 回调函数, 配置项)