title: Why am I receiving invalid expression in my vue.js template?
body: <p>I am receiving this error in my vue single file component:</p>
  
  <pre><code>  Errors compiling template:
  
    invalid expression: Unexpected token { in
  
      {{ jobs[0].build_link }}
  
    Raw expression: v-bind:href="{{ jobs[0].build_link }}"
  </code></pre>
  
  <p>The full line is:</p>
  
  <pre><code> &lt;td :style=tdStyle&gt;&lt;a v-bind:href="{{ jobs[0].build_link }}"&gt;{{ jobs[0].build_link }}&lt;/a&gt;&lt;/td&gt;
  </code></pre>
  
  <p>jobs is defined in the data method of my component and i can console.log this data without issue.</p>
  
  <p>Also not sure why, but this line works fine with an inline-template vue.js script but throws this error after converting over to a single page component.</p>