如何在vue中监听div正在更新的内容？

<template>
  <div ref="myDiv">{{ content }}</div>
</template>

<script>
export default {
  data() {
    return {
      content: '初始内容'
    };
  },
  updated() {
    // 监听div内容更新后的操作
    console.log('div内容已更新');
  }
};
</script>

<template>
  <div ref="myDiv">{{ content }}</div>
</template>

<script>
export default {
  data() {
    return {
      content: '初始内容'
    };
  },
  watch: {
    content(newVal, oldVal) {
      // 监听content数据的变化，执行相应的操作
      console.log('div内容已更新');
    }
  }
};
</script>