v-forの中でimg v-bind:srcを使いたい。 Vue.js

Question

##前提
Vue.js 2.0を使っています。

##やりたいこと

v-forの中でv-bindを使いたいです。
ネット上の記事を探してみたのですが、v-forの中で使っている例は見つからず困っています。
皆さまはforの中でv-bindをどのように使われているのでしょうか？

##コード

<div id="message_board">
 <div v-for="item in items">
    <div>
      <img v-bind:src={{item.icon}}>
    </div>
 </div>
</div>

var message_board = new Vue({
            el: '#message_board',
            data: {
                items: [
                    { icon: 'https://pbs.twimg.com...'},
                    { icon: 'https://pbs.twimg.com...'},
                    { icon: 'https://pbs.twimg.com...'},
                ]
            }
        })

##エラー
[Vue warn]: failed to compile template
invalid expression: v-bind:src="{{item.icon}}"

##試したこと
<img v-bind:src="{{item.icon}}">
<img v-bind:src={{item.icon}}>

上記２点ともうまくいきませんでした。

Answer 1

"item.icon"だとどうなります？

Comments

[takumi123]

ありがとうございます。無事表示されました。

このようなコードになりました。
<img v-bind:src="item.icon">

[turbgraphics200]

あと、v-bindも省略可能なようです。
<img :src="item.icon">

[takumi123]

ありがとうございます。
省略も試してみたいと思います。

今回は本当にありがとうございました。