Node.js 是一個流行的JavaScript運行環境，使前端開發人員能夠使用JavaScript創建服務器端應用程序。它提供了一個強大的方式來處理異步請求和響應，并可以輕松地與其他技術（如Vue.js）集成。

Vue.js 是一個流行的JavaScript框架，用于構建交互式Web界面。它提供了一個簡單的方式來編寫可復用和可擴展的組件，并能夠與Node.js一起使用，以實現動態網頁。

在Node.js中，使用路由來處理不同的請求。路由將請求映射到相應的處理程序，將HTTP請求的請求方式和請求路徑與處理程序匹配。下面是一個使用Node.js和Vue.js的基本路由設置示例：

const express = require('express');
const app = express();
app.get('/', function (req, res) {
res.sendFile(__dirname + '/index.html');
});
app.get('/api/getdata', function (req, res) {
res.send('Hello World!');
});
app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});

這是一個基本的Node.js服務器設置，其中包括兩個路由：一個路由用于處理主頁請求，另一個路由用于處理來自前端Vue.js的API請求。第一個路由使用res.sendFile(__dirname + '/index.html')將HTML文件作為響應發送，而第二個路由使用res.send('Hello World!')將一條簡單的消息作為響應發送。

要使用Vue.js與Node.js進行通信，可以使用Vue.js的Axios庫向Node.js發送HTTP請求，并在響應中接收數據。以下是一個包括Vue.js代碼的示例：

new Vue({
el: '#app',
data: {
message: ''
},
mounted: function () {
var self = this;
axios.get('/api/getdata')
.then(function (response) {
self.message = response.data;
})
.catch(function (error) {
console.log(error);
});
}
});

在這個Vue.js示例中，使用axios.get('/api/getdata')將HTTP GET請求發送到Node.js服務器，并在收到響應后更新數據。在這種情況下，服務器端代碼使用res.send('Hello World!')來發送響應。

在這個示例中，使用路由和Vue.js可以輕松地構建可擴展且具有動態特性的Web應用程序。這種靈活性使得Node.js和Vue.js的組合非常適合構建現代Web應用程序。