How to get block height dynamically in vue?

Question

Vue.js

Hello, tell me how to get the block height dynamically? setInterval comes to mind, but I think it's a bad idea. Also, does it make sense to use computed instead of methods?

<template>
  <section ref='height'>
    <div class="slider-text">
      <h1>TEXT</h1>
      <span>lorem ipsum</span>
    </div>
  </section>
</template>

<script>
export default {

  name: 'MainSlider',
  data () {
    return {
    }
  },
  methods: {
    watchHeight() {
      console.log(this.$refs.height.clientHeight)
    }
  },
  mounted(){
    this.watchHeight() 
  }
}
</script>

Answer 1

Attach a listener to block change conditions, such as window resize, and don't forget to remove it when the component is unmounted. If events occur frequently and uncontrollably, then you can start using a debouncer .