title: Vue doesn't detect scroll event
body: <p>i'm trying to use the aos library on my vue app. Apparently it doesn't detect the scroll event, because it only shows the elements on screen but not the others after scrolling.</p>
  
  <p>So i thought that i could add a window scroll event listener to refresh the AOS function but seems like it doesnt fire the function.</p>
  
  <p>I tried some methods:</p>
  
  <ol>
  <li>Adding the listener in the mounted method of the component:</li>
  </ol>
  
  <pre><code>  mounted () {
      window.addEventListener('scroll', function() {
        console.log('Scrolling')
      });
    }
  </code></pre>
  
  <ol start="2">
  <li>Adding the listener in the container element. This one works but not at all, it doesn't fires constantly as expected, so i have to scroll many times to fire it once:</li>
  </ol>
  
  <pre><code>&lt;template&gt;
    &lt;div class="page" @scroll="scrollFunction"&gt;
      Content...
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
    ...
    methods: {
      scrollFunction() {
        console.log('scrolling from method')
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <ol start="3">
  <li>Adding the window scroll listener in created and destroyed functions (i saw this in another post but doesn't work for me):</li>
  </ol>
  
  <pre><code>  created () {
      window.addEventListener('scroll', this.scrollFunction);
    },
    destroyed () {
      window.removeEventListener('scroll', this.scrollFunction);
    }
  </code></pre>
  
  <ol start="4">
  <li>Adding the window scroll listener on created function from App.vue.</li>
  </ol>