如何在Vuejs中跟踪组件的高度？

<template>
  <div ref="myComponent">
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    const componentHeight = this.$refs.myComponent.offsetHeight;
    console.log('组件高度：', componentHeight);
  }
}
</script>

<script>
export default {
  data() {
    return {
      componentHeight: 0
    };
  },
  mounted() {
    this.componentHeight = this.$refs.myComponent.offsetHeight;
  },
  watch: {
    componentHeight(newHeight, oldHeight) {
      console.log('组件高度发生变化：', newHeight);
      // 执行其他操作
    }
  }
}
</script>