Vue.js是一個非常流行的JavaScript框架，它可以輕松地構建應用程序。Vue是一種MVVM模式的框架，可以通過使用單文件組件的方式來組織代碼，從而使得開發變得更加清晰簡單。

那么，Vue.js能否用于添加好友這個功能呢？我們可以使用Vue.js的組件化方式來構建添加好友的功能，例如下面的代碼：

<template>
<div>
<input v-model="newFriend" type="text" placeholder="輸入好友名字">
<button @click="addFriend">添加好友</button>
</div>
</template>
<script>
export default {
data () {
return {
newFriend: '',
friends: []
}
},
methods: {
addFriend () {
this.friends.push(this.newFriend)
this.newFriend = ''
}
}
}
</script>

在上面的代碼中，我們定義了一個添加好友的組件。組件中包含兩個數據屬性：newFriend表示要添加的新好友的名字，friends是一個數組，表示已添加的好友。組件中還定義了一個addFriend方法，用于將newFriend添加到friends數組中。

通過使用Vue.js的數據驅動視圖的特性，我們可以很容易地實現添加好友的功能。當用戶輸入好友名字并點擊添加好友按鈕時，newFriend會被加入到friends數組中，并同時更新視圖。

總之，Vue.js可以很好地用于添加好友這個功能，而上面的代碼示例也展示了如何使用Vue.js的組件化方式來實現該功能。通過使用Vue.js，我們可以輕松地組織和管理代碼，使得開發變得更加高效。