vue侦听器基础-watch

vue侦听器-watch

目标: 可以侦听data/computed属性值改变

语法:

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

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

<script>
export default {
data () {
    return {
        name:''
    }
},
// watch 侦听器结构 - 侦听 data 或 computed 值的变化
watch:{
    name(newval,oldval){
        console.log(newval,oldval);
    }
}
}
</script>

<style>

</style>

打开调试工具，输入值看变化

总结: 想要侦听一个属性变化, 可使用侦听属性watch