vue watch怎样同时监听两个值的变化并执行方法？

CatEatApple

于 2018-11-01 11:42:36 发布

阅读量1.2w

点赞数 8

分类专栏： vue

vue 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍如何在Vue.js框架中利用Computed属性创建一个地址对象，并通过Watch监听其变化。Computed属性可以基于组件状态计算派生状态，而Watch则能响应状态变化执行特定操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

data() {
  return {
    city: '',
    country: ''
  }
},
computed: {
  address() {
    const { city, country } = this
    return {
      city,
      country
    }
  }
},
watch: {
  address: {
    handler: function(newval , oldval) {
      console.log('address new =:' + newval );
      console.log('address old =:' + oldval );
    },
    deep: true
  }
}