vue3.x教程-watch监听器介绍

说明

vue可以通过 监视器(watch),监视属性,当属性值变化时,自动调用函数

注意:监视属性必须存在,才能进行监视

侦听属性(官网叫法)有时也成为 监听属性、侦听器、监听器

应用场景

与 计算属性 功能类似,计算属性能实现的功能,侦听属性也都能实现,但一般较麻烦

  • 表单值变化实时校验、提示错误。如:年龄、价格不能是负数,也不能超过最大值;密码复杂度不符合要求;两次密码不一致;

  • 在数据变化时,发送 ajax请求,如:百度的输入框的提示;输入验证码,自动向服务器发请求校验是否正确;

  • 响应数据联动:A 数据改变,同步修改 B 数据

监视数据类型

  • ref 基本类型、ref 对象类型
  • reactive 类型
  • 函数 getter 形式监听
  • 监听多个数据

语法格式

watch(监听源, 回调函数, 配置项)

原文出处:/show_1GW3ggXXf4Vp.html