title: Vue instance using classes
body: <p>I'm new to Vue and have a few questions on it. But I think the issue I am running is the one I have no idea how to solve it:</p>
  
  <p>I have a few <code>&lt;div class="foo"&gt;</code> in my code. I want to interact with these <code>&lt;div&gt;</code>s using a Vue instance. I had the idea to use something like:</p>
  
  <pre><code>var app = new Vue({
    el: 'div.foo',
    data: {
      message: 'bar'
    }
  })
  </code></pre>
  
  <p>Therefore, all the <code>div.foo</code> elements would be manageable by <code>app</code>. But how can I get EXACTLY the element I'm working with?</p>
  
  <p>Let's say in JQuery we have this...</p>
  
  <pre><code>$("div.foo").click(function() {
      console.log($(this));
  })
  </code></pre>
  
  <p>The code will work for every <code>div.foo</code>, but the print will show just the clicked element.</p>