在現代互聯網應用程序中，消息通知是至關重要的。Vue作為前端界的一個主要框架，可以很方便地使用它來實現消息接收功能。

首先，我們需要創建一個Vue實例來處理我們的應用程序。可以使用如下的代碼片段：

var vm = new Vue({
el: '#app',
data: {
notifications: []
},
methods: {
receiveNotification: function(notification) {
this.notifications.push(notification);
}
}
});

代碼中，我們創建了一個新的Vue實例，el屬性將其綁定到具有ID“app”的HTML元素。此外，我們將notifications屬性初始化為空數組，它將用于存儲接收到的通知。接下來，我們定義了一個名為receiveNotification的方法，用于將新的通知存儲到notifications數組中。

為了實現消息接收的功能，我們需要與服務器進行通信。我們可以使用Vue提供的$http服務進行Ajax請求，從而獲取消息。

Vue.http.get('/api/notifications').then(function(response) {
vm.receiveNotification(response.body);
});

代碼片段使用了Vue提供的$http服務向服務器發送一個GET請求，獲取消息列表。當HTTP響應被接收時，我們調用receiveNotification方法，并傳遞響應體中的數據作為參數。這將使我們的Vue實例存儲新的通知，并在UI中呈現它們。

現在，我們已經成功地接收和存儲了新的消息。但是，對于用戶來說，只有當他們登錄時才需要接收通知。為了防止未經授權的訪問，我們需要確保登錄用戶才能夠接收通知。我們可以使用Vue提供的v-if指令輕松完成此操作。

{{ notification }}

此代碼片段定義了一個包含notifications數組的Vue實例，并將其綁定到具有ID“app”的HTML元素上。我們使用了一個v-for指令來遍歷notifications數組，并呈現每個通知的文本。

最后，我們使用v-if指令來確保只有登錄用戶才能看到應用程序UI。isAuthenticated方法將返回一個布爾值，指示當前用戶是否經過身份驗證。如果這個方法返回false，整個HTML元素將被從DOM中刪除，并且用戶就無法接收通知。

在Vue中實現消息接收功能非常容易，只需要幾行代碼就可以完成。通過使用Vue的數據綁定和指令，我們可以輕松地將新的消息添加到UI中，并確保只有經過身份驗證的用戶才能夠接收它們。