015.Vue3入門，偵聽器的使用，響應式資料變化就自動執行

01、程式碼如下：

<template>
  <h3>偵聽器</h3>
  <div>{{ msg }}</div>
  <button @click="undateHandle">修改</button>
</template>

<script>
export default {
  data() {
    return {
      msg: "好好學習"
    }
  },
  methods: {
    undateHandle() {
      this.msg = "天天向上"
    }
  },
  watch: {
    msg(newValue, oldValue) {
      console.log(newValue, oldValue)
    }
  }
}
</script>

<style>
</style>

02、效果如下：