在vue中，很多时候需要实时了解数据的变化执行相应的操作，通过watch监听能实现相应需求。 1、注册watch 在inputOne输入123后，监听到value1的改变，打印出value的值：123bbb 2、handler方法 　　watch中需要具体执行 ...

在vue中，很多时候需要实时了解数据的变化执行相应的操作，通过watch监听能实现相应需求。 <div> <p>inputOne: <input type="text" v-model="value1"></p> ...

watch 是一个对象，对象就有键，有值。 值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是变化后的值，第二个是变化前的值。 值也可以是函数名：不过这个函数名要用单引号来包裹。 值是包括选项的对象：选项包括有三个。 第一个handler：其值是一个 ...

用computed定义一个address对象吧，然后再去watch addres ...

data () { return { name1: '', name2: '', age: '' } },computed: { listenChange () { const {name1,name2} = this return {name1,name2} } }, watch ...

在网上查阅资料，说是用+把变量连起来，比如监听a和b，写成$scope.$watch('a+b',function(){...}),结果却是变化的值直接连在一起，比如两个变量都是数字，a=1.1，b=1.2，打印的new值直接就成了1.11.2，后续处理比较麻烦，合理的方式是，把变量打包成对象模式 ...

watch监听调用了两个参数，两个参数的出现都调用了一个函数，分开检测就会调用两次 第一种方法 第二种 ...

watch: { uomData: { handler(newV, oldV) { console.log(newV) this.uomDataInner = newV }, immediate: true ...