title: Referencing v-model
body: <p>I am trying to reference a v-model in one of my html files.
  I've gone ahead and created a jsbin with a small example of what I'm trying to achieve:</p>
  
  <p><a href="https://jsbin.com/saqirekasa/edit?html,js,output" rel="nofollow">https://jsbin.com/saqirekasa/edit?html,js,output</a></p>
  
  <p>Essentially, what seems to be happening is that Vue gives an error like this in my actual project:</p>
  
  <pre><code>[Vue warn]: Invalid expression. Generated function body:  scope.lookForUser({{scope.input_field}})
  </code></pre>
  
  <p>The problem (I believe) appears to be when I introduced this line:</p>
  
  <pre><code>&lt;input type="text" class="form-control input-lg" placeholder="email-address" id = "button_email_submit" v-model = "input_field"/&gt;
  </code></pre>
  
  <p>And then tried to reference the v-model 'input field' as such:</p>
  
  <pre><code>&lt;button class="btn btn-info btn-lg" type="button" v-on= "click: lookForUser(@{{input_field}})"&gt;
  </code></pre>
  
  <p>Any ideas why Vue doesn't like this statement?</p>