How to change block height as page scrolls in vuejs?

Question

Vue.js

Good afternoon!
I'll start right away with the code , and so, there this mechanic is implemented in pure js, can anyone help transfer all this to vuejs?
(and yes, I realize the stupidity of this question)

Answer 1

data: () => ({
  scroll: 0,
}),
computed: {
  style() {
    return {
      height: здесь рассчитываете высоту на основе this.scroll,
    };
  },
},
created() {
  const onScroll = () => this.scroll = document.scrollingElement.scrollTop;
  onScroll();
  document.addEventListener('scroll', onScroll);
  this.$on('hook:beforeDestroy', () => document.removeEventListener('scroll', onScroll));
},

<div :style="style">