一、 watch是什么?
监测 Vue 实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值,用一个函数取代。
简洁的说:watch的作用可以监控一个值的变换,并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。
二、应用
**当watch检测对象/数组的情况
<template>
<div>
<p>a: {
{a}}</p>
<p>a: <input type="text" v-model="a"></p>
</div>
</template>
<script>
export default {
name: 'index',
data(){
return{
a:'2'
}
},
watch: {
a: {
handler(newVal, objVal) {
console.log(11);
},
}
}
}
</script>
控制台打印如