簡單使用mockjs模擬數據

前提:安裝axios,mockjs
步驟:
1.導包
index.js
在這裏插入圖片描述
main.js
在這裏插入圖片描述
2. 創建模擬api接口
index.js
在這裏插入圖片描述
3.請求數據
App.vue
在這裏插入圖片描述

PS:
請求的api接口可以用正則表達式寫url路徑
當mockjs自帶的函數不適用時可以自己寫擴展函數(例如以下)
生成水果的名字,並且通過id值來獲取商品
在這裏插入圖片描述
在這裏插入圖片描述