title: Vue: Bind click event to dynamically inserted content
body: <p>I have a Vue app which requests some html from an API that contains some blocks like <code>&lt;div class="play-video"&gt;...&lt;/div&gt;</code></p>
  
  <p>Calling the API with axios via a promise, it is inserted into the dom something like:</p>
  
  <p><code>&lt;div v-if="content" v-html="content"&gt;&lt;/div&gt;</code></p>
  
  <p>How can I bind click events to the children with the <code>.play-video</code> class? Is it just a matter of watching for <code>content</code> to change, and then running vanilla js query selectors to bind to them?</p>