title: Combining Vue v-for with GSAP transitions
body: <p>I have two components, one that generates a bunch of divs</p>
  <pre><code>&lt;div
        v-for=&quot;(app, index) in items.apps&quot;
        ref=&quot;appIcon&quot;
        :key=&quot;index&quot;
      &gt;
          &lt;div @click=&quot;openApp(app)&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>with a method that pushes the clicked div into an array of <code>openedApps</code></p>
  <pre><code>openApp(appName) {
        this.items.openedApps.push(appName)
  }
  </code></pre>
  <p>then, in a separate component, the array of <code>apps</code> is generated dynamically based on it's content</p>
  <pre><code>&lt;div
        v-for=&quot;(app, index) in items.openedApps&quot;
        ref=&quot;appWindow&quot;
        :key=&quot;index&quot;
      &gt;
  &lt;/div&gt;
  </code></pre>
  <p>and I want to make transitions for all items in <code>openedApps</code> array, but separately, preferably using GSAP.</p>
  <p>but when I do it like this</p>
  <pre><code>mounted() {
      let { appWindow } = this.$refs
      let timeline = new TimelineLite()
  
      timeline.from(appWindow, 1, {opacity:0})
    }
  </code></pre>
  <p>nothing happens and I get an error from GSAP saying &quot;GSAP target undefined not found&quot;.</p>
  <p>So I'm guessing there's something wrong with the usage of mounted() hook here, but I have no clue what to do. Been hitting my head against the wall on this one for two days trying to figure it out because I really want to use GSAP for this project instead of just the standard , but I just dont know how to succesfully target certain divs using GSAP and Vue.</p>