フロントエンド開発中、バックエンド インターフェイスがまだ記述されていない場合は、まずテスト データを js ファイルに記述し、そのデータをファイルにインポートして、Web ロジックが正しいかどうかを確認できます。
テストデータ
jsファイルを作成する
const testData = {
MatchFieldList: {
MatchField: [
{
ID: 1,
UserDefine: "11",
PlatformDefine: 0
},
{
ID: 2,
UserDefine: "22",
PlatformDefine: 1
}
],
TotalNum: 2,
PageIndex: 0,
PageSize: 0
}
};
export default testData;
vueファイルで使用される
導入
import testData from './testData.js';
使用
testData.MatchFieldList を印刷すると、データを取得できます。
Promise タイプとして返す
一部のシナリオでは、テスト データを Promise リターンとしてラップする必要があります
return new Promise(resolve => {
console.log("testData.testData", testData.MatchFieldList);
resolve(testData.MatchFieldList);
});