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