Hello, there is a code:

<div id="content"> <img src="@{{ imageLink }}"/> </div> var content = new Vue({ el: '#content', data: { imageLink: 'https://любойдомен/someimage.jpg' } });

I tried all the options from the documentation:

 <img v-bind:src="@{{ imageLink }}"/> <img :src="@{{ imageLink }}"/>

But every time the image is not inserted and an error appears:

invalid expression: unexpected token {in

 {{ imageLink }}

Raw expression:: src = "{{imageLink}}"

    1 answer 1

    Hello.

    In this case, you must specify the directive v-bind for the src attribute, or in abbreviated form : and the variable itself is substituted directly as text.

    Documentation: https://ru.vuejs.org/v2/guide/syntax.html#%D0%90%D1%82%D1%80%D0B8%D0B1%D1 % 8B

    Example:

     new Vue({ el: '#app', data: { src: "http://1001goroskop.ru/img/gadanie/derevo_zh/_derevo.jpg" }, }); 
     <script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script> <div id="app"> <img :src="src" /> </div>