title: Vuejs modal component and external JS script
body: <p>I'm using Laravel and Vue.js to make an app. In a blade page I have a google map plugin (lat, long picker) that needs a script library like this:</p>
  
  <pre><code>&lt;script src="http://maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My plugin that shows the map:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="gllpLatlonPicker"&gt;
    &lt;div class="gllpMap" style="width: 100%; height: 330px"&gt;location&lt;/div&gt;
    &lt;input class="gllpLatitude" :value="$parent.shop_for_edit.lat" /&gt;
    &lt;input class="gllpLongitude" :value="$parent.shop_for_edit.long" /&gt;
    &lt;input class="gllpZoom" type="hidden" value="11" /&gt;
    &lt;input class="gllpLatitude" id="lat" size="10" type="text" :value="$parent.shop_for_edit.lat" /&gt;
    &lt;input
      class="gllpLongitude"
      id="long"
      size="10"
      type="text"
      :value="$parent.shop_for_edit.long"
    /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>My problem</strong>: I want to create the edit page in Vue.js modal and load that map picker on it and as you know, modals are a component and we use <code>v-if</code> to make it open and until its not opened, my script will not going to work.</p>
  
  <p>I can fix it by using <code>v-show</code> instead of <code>v-if</code> but by this way my <code>mounted()</code> will not working and this component is already opened.</p>
  
  <p>Is there any way to recompile the DOM in Vue component to update with script and work fine??</p>