vue侦听器—watch

想要了解vue知识可以查看vue基础学习目录，在不定时更新中~

概念： 可以侦听data/computed属性值改变
语法:

watch: {
    "被侦听的属性名" (newVal, oldVal){
    }
}

例子

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

<script>
export default {
  data(){
    return {
      name: ""
    }
  },
  // 目标: 侦听到name值的改变
  /*
  语法:
    watch: {
      变量名 (newVal, oldVal){
        // 变量名对应值改变这里自动触发
      }
    }
  */
  watch: {
    // newVal: 当前最新值
    // oldVal: 上一刻值
    name(newVal, oldVal){
      console.log(newVal, oldVal);
    }
  }
}
</script>
<style>
</style>

使用环境： 想要侦听一个属性变化, 可使用侦听属性watch