title: Vuejs transition v-on:enter. What is the "done" callback?
body: <p>I need to pass extra parameters to the &quot;v-on:enter&quot; hook:</p>
  <pre><code>&lt;transition v-on:enter=&quot;stretch($event,done?,{opacity:1,width:'400px')&quot;&gt;&lt;/transition&gt;
  </code></pre>
  <p>... in my Vue</p>
  <pre><code>methods:{
  stretch: function (properties,el,done) {
      var delay = el.dataset.index * 150
      setTimeout(function () {
        Velocity(
          el,
          properties,
          { complete: done }
          )
      }, delay)
    },
  </code></pre>
  <p>It doesn't work because I don't know how to pass explicitly the <strong>done</strong> callback (which is mandatory with the hook <strong>enter</strong>)</p>
  <p>What's working but is not reusable:</p>
  <p><code>&lt;transition v-on:enter=&quot;stretch&quot;&gt;&lt;/transition&gt;</code>
  ...</p>
  <pre><code>methods:{
  stretch: function (el,done) {
      var delay = el.dataset.index * 150
      setTimeout(function () {
        Velocity(
          el,
          { opacity: 1, width: 400px },
          { complete: done }
          )
      }, delay)
    },
  </code></pre>
  <p>The link in the documentation : <a href="https://v2.vuejs.org/v2/guide/transitions.html#JavaScript-Hooks" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/transitions.html#JavaScript-Hooks</a></p>
  <p>Can anyone help me ? Thanks in advance.</p>