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

Vue中使用Computed与Watch

最新推荐文章于 2024-10-16 16:30:51 发布

转载最新推荐文章于 2024-10-16 16:30:51 发布 · 1.2w 阅读

vue 专栏收录该内容

23 篇文章

订阅专栏

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

用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
  }
}