title: Watch for async external DOM changes in Vue
body: <p>I am injecting ads from Revive Adserver with this component:</p>
  <pre><code>&lt;template&gt;
   &lt;div class=&quot;ins-box&quot;&gt;
    &lt;ins ref=&quot;insEl&quot; :data-revive-zoneid=&quot;zoneId&quot; data-revive-id=&quot;hash&quot;&gt;&lt;/ins&gt;
   &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    props: {
      zoneId: { type: String, default: '' }
    },
  }
  </code></pre>
  <p>The external api from Revive Adserver will load the ad image for the zone (in the example zone 1234), converting the <code>&lt;ins&gt;</code> element:</p>
  <pre><code>&lt;ins zone-id=&quot;1234&quot; /&gt;
  </code></pre>
  <p>The <code>&lt;img&gt;</code> tag it creates looks something like this:</p>
  <pre><code>&lt;ins data-v-fdd5803a=&quot;&quot; data-revive-zoneid=&quot;7859&quot;&gt;
   &lt;a href=&quot;http://servedby.revive-adserver.net/ck.php?params&quot; target=&quot;_blank&quot;&gt;
    &lt;img src=&quot;https://www.source.com/image-555.jpg&quot; width=&quot;468&quot; height=&quot;60&quot; alt=&quot;&quot; title=&quot;&quot; border=&quot;0&quot;&gt;
   &lt;/a&gt;
  &lt;/ins&gt;
  </code></pre>
  <p>I would like to edit the created <code>&lt;img&gt;</code> element when it is added into the DOM. I would need to remove the width and height values.</p>
  <p>In jQuery I could do something like <code>$('ins img').load(function() {})</code></p>
  <p>What is the Vue way to do this?
  The element is not created by my Vue code and I don't have reference to it. On top of that the there might come a new <code>&lt;img&gt;</code> element now and them.</p>