Image src attribute causes a 404 before the compilation

Hello,

with a template like this: <img src="{{image}} />

and javascript:

var vue = new Vue({
    el: '#view',
    data: {
        image: 'http://somehost.com/image.jpg'
    }
});

gives the error:

GET http://myhost.com/%7B%7Bthumb%7D%7D 404 (Not Found)

The Angular team had some issue with it, which resulted in the ngSrc directive. NB: The same problem might happen with the href attribute, see ngHref as well.

Edit: Here comes the JSFiddle.

[yyx990803]

You can use v-attr="src: image" in this situation

[ryantbrown]

@dickyeka the v-bind:src (or :src) evaluates an expression, you would need the following:

<img :src="'img/category/'+c.image" />