watch 侦听器
watch 侦听器允许开发者监视数据的变化,针对数据变化做特定的操作
案例:监听 username 值的变化,并使用 axios 发起 Ajax 请求,检测当前输入的用户名是否可用:
侦听器的格式
-
方法格式的侦听器
- 缺点1:无法在刚进入页面的时候,自动触发!!!
- 缺点2:如果侦听的是一个对象,如果对象中的属性发生了变化,不会触发侦听器!!!
-
对象格式的侦听器
- 好处1:可以通过 immediate 选项,让侦听器自动触发!!!
// handler 是固定写法,表示当 username 的值变化时,自动调用 handler 处理函数
- 好处2:可以通过 deep 选项,让侦听器深度监听对象中每个属性的变化!!!
如果只想监听对象中单个属性的变化,则可以按照如下的方式定义 watch 侦听器: