title: How to pass this in Vue.js?
body: <p><strong>Current Code</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;header :class=&quot;{ 'active': scrollY &gt; 900 }&quot;&gt;
    &lt;span&gt;header&lt;/span&gt;
  &lt;/header&gt;
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>export default {
    data() {
      return {
        scrollY: 0
      }
    },
    mounted() {
      window.addEventListener('scroll', this.handleScroll)
    },
    methods: {
      handleScroll() {
        this.scrollY = window.scrollY
      }
    }
  }
  </code></pre>
  <hr />
  <p>I would like to pass <code>&lt;header&gt;</code> itself, like</p>
  <pre class="lang-html prettyprint-override"><code>&lt;header :class=&quot;{ 'active': this }&quot;&gt;
  </code></pre>
  <p>In Vue.js, how can I do it?
  Should I use <code>ref</code> ?</p>