Vue 中讀取Mock 中的測試資料
在Vue 專案中使用Mock 資料進行測試時，可以透過下列步驟讀取Mock 中的資料：
1. 安裝Mock.js
npm install --save-dev mockjs2. 建立Mock.js 檔案
在src 目錄下建立一個名為mock.js 的文件，並在其中定義Mock 資料：
const Mock = require('mockjs');
// 定义 Mock 数据
Mock.mock(/api\/users/, {
'list|10': [{
id: '@id',
name: '@cname',
age: '@integer(18, 60)',
}]
});3. 在Vue 元件中使用Mock 資料
##在需要使用Mock 數據的Vue 元件中，引入Mock.js 檔案並使用$http 服務發起請求：
import mock from '@/mock'; // 导入 Mock.js 文件
export default {
data() {
return {
users: [],
};
},
created() {
this.$http.get('/api/users').then(response => {
this.users = response.data;
});
},
};4. 取得Mock 資料
請求發送後，Vue 元件將收到Mock.js 產生的回應，回應資料會儲存在this.users 中。
注意：
服務是由 Vue-resource 外掛提供的。如果您未使用 Vue-resource，可以根據您的實際情況使用其他 HTTP 請求庫（如 Axios）。
以上是vue怎麼讀取mock中的測試數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！
