在Vue.js中，Vue實例的data屬性是負責保存數據的，這些數據可以通過模板渲染到視圖中。有時候，我們需要將多個數據進行拼接，以生成新的字符串或其他形式的數據，這時候Vue的data屬性就有了更多的妙用。

下面是一個簡單的例子，我們創建一個Vue實例，將兩個字符串數據進行拼接并保存到Vue的data中：

<div id="app">
{{ message }}
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
firstName: 'Tom',
lastName: 'Smith',
message: ''
},
created: function() {
this.message = this.firstName + ' ' + this.lastName;
}
})
</script>

在上面的代碼中，我們定義了一個Vue實例vm，并在data屬性中定義了firstName和lastName兩個字符串數據。在Vue中，通過雙括號{{}}可以在模板中輸出數據。我們通過創建鉤子函數created，在Vue實例創建完成后將firstName和lastName進行拼接，保存到了message屬性中。

如果需要將更復雜的數據進行拼接，我們可以使用計算屬性computed。computed是一個能夠提供動態數據的方法，它的值基于現有的Vue實例數據進行計算。下面是一個使用computed的例子：

<div id="app">
{{ fullName }}
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
firstName: 'Tom',
lastName: 'Smith',
},
computed: {
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
}
})
</script>

在上面的代碼中，我們通過computed屬性定義了一個計算屬性fullName。當firstName或lastName的值改變時，fullName會自動更新，將firstName和lastName兩個字符串進行拼接。

通過使用Vue的data屬性進行數據拼接，我們能夠更方便、高效地管理和處理數據。無論是簡單字符串的拼接還是更復雜的數據處理，Vue都能夠提供強大的工具供我們使用。