Node.js和Vue.js都是目前非常流行的前后端技術。在開發Web應用時，使用Node.js構建后端服務器和基礎架構，并使用Vue.js構建前端界面是一種常見的組合。為了熟悉這兩種技術的使用方法，我們可以嘗試使用Node.js和Vue.js創建一個簡單的Web應用程序。
在這個Demo中，我們將使用Node.js作為后端服務器，并使用Vue.js構建一個基本的前端應用程序。后端服務器將提供數據API，而Vue.js將用于渲染和顯示API數據。
// 啟動后端服務器
const express = require('express')
const app = express()
app.get('/api/data', (req, res) =>{
res.send({
name: '小明',
age: 28,
sex: '男'
})
})
app.listen(3000, () =>{
console.log('后端服務器已啟動')
})上面的代碼是后端服務器的基本結構。我們使用Express框架創建一個服務器，并在其中定義了一個簡單的數據API。當請求“/api/data”時，服務器將返回一個JSON對象，其中包含了一些基本的用戶信息。
Node.js + Vue.js Demo 姓名：{{ userName }}
年齡：{{ userAge }}
性別：{{ userSex }}
上面的代碼是Vue.js前端應用程序的核心部分。我們在HTML中包含了Vue.js，并創建了一個Vue實例。這個實例會自動將服務器提供的數據渲染到頁面上。
本Demo展示了如何使用Node.js和Vue.js創建一個完整的Web應用程序。使用Node.js編寫后端代碼，并使用Vue.js來渲染和顯示數據。這個Demo只是一個初步的入門級別示例，但對于初學者來說是一個很好的起點。