Vue是一個流行的JavaScript框架，可以幫助我們構建高性能的單頁應用，而json-server則是一個Restful API服務器，可以幫助我們快速地創建假數據，從而加速我們的前端開發。本文將介紹如何使用vue和json-server來創建一個簡單的前端應用。

首先，我們需要安裝vue和json-server：

npm install vue
npm install -g json-server

然后，我們可以創建一個空的vue項目：

vue create my-app

接下來，我們可以創建一個mock數據文件，比如db.json：

{
"users": [
{ "id": 1, "name": "Jack" },
{ "id": 2, "name": "Tom" },
{ "id": 3, "name": "Jerry" }
]
}

現在，我們可以啟動json-server：

json-server --watch db.json

這時，我們可以訪問 http://localhost:3000/users 來獲取假的用戶列表。接下來，我們需要在vue應用中使用這些數據。

我們可以在vue應用中使用axios庫來請求假數據：

import axios from 'axios'
export default {
name: 'app',
data() {
return {
users: [],
}
},
created() {
axios.get('/users').then(response =>{
this.users = response.data
})
},
}

最后，我們需要在vue應用中顯示數據：

現在，我們已經成功地使用了vue和json-server創建了一個簡單的前端應用。通過json-server，我們可以輕松創建假數據，并通過axios庫將這些數據請求到vue應用中進行展示。