在Vue中，我們經常需要將字符串拼接起來以獲取正確的src地址。例如，當我們使用列表循環渲染圖片時，可能需要將圖片路徑和特定大小的圖片命名方式進行組合。為此，Vue提供了多種方法進行字符串拼接，讓我們來一一了解。

最基本的字符串拼接是使用加號“+”符號，將多個字符串拼接在一起。例如，我們可以在template中使用如下語句，獲取圖片路徑：

<img :src="'/images/' + item.name + '.' + item.size + '.jpg'">

這里，我們使用了冒號（:）將src綁定到了一個動態的值。則Vue會自動監測item中屬性的變化，當item.name或item.size的值發生變化時，src即可更新。

另外，我們可以使用模板字符串（template string）來進行字符串拼接。模板字符串使用反引號（`）來包裹字符串，在其中使用${}來使用嵌入式表達式。例如，我們可以使用如下代碼來獲取圖片路徑：

<img :src="`/images/${item.name}.${item.size}.jpg`">

這樣，我們可以更清晰的看到字符串的組成部分，并且在嵌入式表達式中，我們也可以執行函數，進行更加復雜的字符串操作。例如：

<img :src="`/images/${item.name}.${getName(item.size)}.jpg`">

在上面的代碼中，我們假設有一個getName方法，用于獲取圖片的尺寸名稱。這樣，我們就可以更加靈活的進行字符串拼接了。

除了以上兩種方法外，我們還可以使用字符串拼接函數，如concat。concat函數會將傳入的字符串拼接起來，返回一個新的字符串。例如：

<img :src="'/images/'.concat(item.name).concat('.').concat(item.size).concat('.jpg')">

這種方式需要寫很多個concat函數，將多個字符串拼接起來，在代碼可讀性方面不太友好。

除了以上介紹的三種方法外，還有一些第三方庫和工具，如lodash和moment等，也提供了更加豐富的字符串拼接功能。不過在大多數情況下，以上三種方法已經可以滿足我們的需求了。