在Vue中，常常需要使用Mock來模擬服務端返回的數據。為了方便開發者使用Mock，vue-cli提供了一個Mock插件，可以讓我們快速地搭建Mock服務器，從而模擬服務端接口的數據返回。

首先，我們需要安裝`mock.js`和`express.js`，它們是vue-cli Mock插件的基礎。

npm install mockjs --save-dev
npm install express --save-dev

安裝完畢后，在項目根目錄下創建一個`mock`文件夾，在`mock`文件夾下我們可以創建一個名字為`index.js`的文件，這個文件就是Mock的核心代碼。

mkdir mock
cd mock
touch index.js

在`index.js`文件中，我們可以編寫Mock的規則，并將其掛載到express.js的路由上。

const express = require('express')
const Mock = require('mockjs')
const app = express()
const port = 3000
// 創建一個路由
const router = express.Router()
// 在路由上掛載一個Mock規則
router.get('/user', (req, res) => {
const mockData = Mock.mock({
'users|1-10': [{
'id|+1': 1,
'name': '@cname',
'age|18-60': 1
}]
})
res.json(mockData)
})
// 將這個路由掛載到我們的app上
app.use('/api', router)
// 開始服務
app.listen(port, () => {
console.log(`Server is running on port ${port}`)
})

上述代碼的意思是，在訪問`/api/user`的時候，會返回一個長度為1-10的用戶數組，數組里的對象有`id`、`name`和`age`三個屬性。其中，`id`屬性從1開始遞增，`name`屬性是隨機的中文名字，`age`屬性為18-60之間的一個隨機數。

現在我們需要把這個Mock服務器運行起來。可以在`package.json`中添加一個腳本命令，使得我們可以簡單地啟動Mock服務器。

{
"scripts": {
"mock": "node mock/index.js"
}
}

然后我們可以在控制臺中運行 `npm run mock` 命令來啟動Mock服務器。

現在Mock服務器已經運行起來了。當我們訪問`localhost:3000/api/user`時，就可以得到Mock的響應數據了。

以上就是使用Vue-cli自帶的Mock插件來模擬服務端接口數據的完整流程。當我們需要進行開發的時候，可以先編寫好Mock規則，模擬一些常用的請求響應，來保證頁面能夠正常渲染。等到后端接口開發完成之后，再用真實的接口替換Mock的接口即可。