vue watch 监听器（学习 简单写法）

效果

代码

<template>
  <div>
    <input type="text" v-model="name" />
  </div>
</template>

<script>
export default {
  data () {
    return {
      name: ""
    }
  },
  // 目标: 侦听到name值的改变
  watch: {
    // newVal: 当前最新值
    // oldVal: 上一刻值
    name (newVal, oldVal) {
      console.log(newVal, oldVal)
    }
  }
}
</script>

语法

// 语法
watch: {
	变量名 (newVal, oldVal){
		// 变量名对应值改变这里自动触发
	}
}