title: Can Vue.js be used to manipulate dynamic content?
body: <p>I have a page consisting of a panel of UI controls designed to manipulate dynamic content that gets inserted into an iFrame on the same page.</p>
  
  <p>For some time I have had my mind set on using Vue.js to link the controls to their targets in the iFrame, but now I am not sure it is even suitable for that. As I see it, the dynamic content is the problem and I am actually a bit surprised and somewhat disappointed that I have hit a roadblock so soon with Vue.</p>
  
  <p>But there is always the possibility that I have missed something in my assessment or I could get what I need with a simple plugin or maybe just a minor change in perspective? So, before I bin it (Vue.js) I would like to ask you if I see this the wrong way.</p>
  
  <p>I have seen quite a few tutorials that characterize Vue.js as an alternative (or an upgrade, really) to jQuery, but I don’t see that to be the case here. The great thing about jQuery is that you can target ANYTHING and you can do it very quickly with very little preparation.</p>
  
  <p>That does not seem to be the case with Vue.js. Correct me if I am wrong but it seems that every element you target must be prepared first - typically via combinations of Vue.js directives, text interpolation, event handling etc. This can be grouped under declarative rendering.</p>
  
  <p>Another observation is that in all the use cases I have seen with Vue.js so far, UI controls and targets are both kept within (as child elements) the element that a Vue.js instance targets. Here is an example from the documentation to illustrate that:</p>
  
  <pre><code>&lt;div id="app-5"&gt;
    &lt;p&gt;{{ message }}&lt;/p&gt;
    &lt;button v-on:click="reverseMessage"&gt;Reverse Message&lt;/button&gt;
  &lt;/div&gt;
  
  var app5 = new Vue({
    el: '#app-5',
    data: {
      message: 'Hello Vue.js!'
    },
    methods: {
      reverseMessage: function () {
        this.message = this.message.split('').reverse().join('')
      }
    }
  })
  </code></pre>
  
  <p>In my use case, if I had to include both controls and targets in one Vue instance, I would have to target a node quite high in the DOM.</p>
  
  <p>Finally, let me finish up with a simple example from my use case: Let's say I have a slider in my panel of controls (just a normal input with type of range) and I want it to control the padding of a paragraph inside my iFrame knowing that the paragraph is dynamic and cannot be prepared for Vue binding on beforehand: Could I still use Vue for it or should I stick with jQuery?
  Thank you.</p>