效果
代码
<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){
// 变量名对应值改变这里自动触发
}
}