watch监听的代码

<template>
  <div id="app">
    <span id="number">{{ msg }}</span>
    <button @click="editMsg">改变数据</button>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      msg: { a: 1, b: 2 },
      toTopvalue: ''
    }
  },
  watch: {
    msg(newValue, oldValue) {
      console.log(newValue, oldValue)
    },
    deep: true
  },
  methods: {
    editMsg() {
      let obj = { a: 3, b: 2 }
      this.msg = obj
    }
  }
}
</script>

<style></style>
 

在App.vue里面直接运行即可，打印的结果要去控制台的info看