Vue爲綁定動態url

在爲img元素設置動態的url時，遇到了問題：

    <img 
        v-for="item in 10 " 
        :key="item"
        src="item.png"/>

原本意思是，根據item 然後通過字符串拼接，形成一個地址，但是我試了很多方法都不得行：

    <img :src={{item + '.png'}}/>
    <imt :src="${item}.png"/>

最後，通過參考別人的方式，使用下面這種方式解決了問題

    <img 
        v-for="item in 10" 
        :key="item"
        :src="'../static/images/0' + (item<10?('0'+item):item) + '.jpg'"
        />

用上面的方法，我得到了正確的結果。
在v-bind標籤中，單引號”引用的內容，我們作爲一個真正的字符串使用，雙引號”“應用的內容，作爲變量/表達式而使用，因此雙引號中的內容可以進行運算，所以，上面這種方式就可以得到正確的結果了，很重要的一條內容！！