Vue.js does an event trigger after component has been rendered?
<p>I've got some custom components in Vue.js. In one of the components I have is a select list that I want to render as a <a href="http://harvesthq.github.io/chosen/" rel="noreferrer">Chosen</a> select box. I use this with a jQuery function <code>$("select").chosen()</code>.</p>

<pre><code>&lt;template v-for="upload in uploads"&gt;
    &lt;new-upload-container :index="$index" :upload="upload" v-if="isNewUpload"&gt;&lt;/new-upload-container&gt;
    &lt;existing-upload-container :index="$index" :upload="upload" v-if="isExistingUpload"&gt;&lt;/existing-upload-container&gt;
&lt;/template&gt;
</code></pre>

<p>After I add data to the <code>uploads</code> bound array in the Vue instance, the view updates with an instance of the component. Unfortunately when I try to instantiate <code>Chosen</code> on the select field, it doesn't work. </p>

<p>I'm not sure if it takes a short time after I add an item to the <code>uploads</code> bound array that the DOM actually updates.</p>

<pre><code>&lt;template id="existing-upload-container"&gt;

      &lt;select name="beats[@{{ index }}][existing_beat]" class="existing-beats"&gt;
           &lt;option selected="selected" value=""&gt;-- Select a linked beat --&lt;/option&gt;
                  @foreach ($beats as $beat)
                   &lt;option value="{{$beat-&gt;id}}"&gt;{{$beat-&gt;name}}&lt;/option&gt;
                  @endforeach
       &lt;/select&gt;

    &lt;/template&gt;
</code></pre>

<p>Is there an event that is triggered after a component has been fully rendered?</p>