I encountered an error within my vue single file component:
Errors compiling template:
invalid expression: Unexpected token { in
{{ jobs[0].build_link }}
Raw expression: v-bind:href="{{ jobs[0].build_link }}"
The complete code causing the issue is:
<td :style=tdStyle><a v-bind:href="{{ jobs[0].build_link }}">{{ jobs[0].build_link }}</a></td>
The 'jobs' variable is defined within the data method of my component and can be console.logged without any problems.
Interestingly, this line works perfectly with an inline-template in Vue.js script but throws an error once converted to a single page component.