Mock Vue 你值得擁有


好久沒寫隨筆了,最近難得抽得半日閑,搞一手前后分離接口調試,很舒服,今天介紹一下一個很有誠意的工具【mock】

官網點我

園友精彩博文點我

CSDN精彩博文點我

 

mock是什么

 

簡單的說,mock的作用就是攔截ajax請求,把假的數據傳入回調函數中,在后端接口還未開發完成的時候,前端就已經可以萬事大吉喝茶釣魚去了

 

好,這時候有的同學就說了,我為啥非要用mock呢,我直接定義個對象,不就同樣能達到渲染頁面數據的效果么?

答案是,必須可以,但是請看下圖:

 

好長啊有沒有,而且,想要數據更加貼近真實,就不能有太多重復雷同的數據,那么就需要我們一個一個寫,這樣是很浪費時間的。

同時還有個弊端就是,等到后端接口開發完成,OK,你又得回頭來重新寫ajax,重新整理你的數據結構,麻煩麻煩,很瓜皮

 

這時候你就想了,如果有個人,幫我自動去生成隨機的,逼真的數據,我的重心放在處理數據綁定就好,不想做這么多重復且沒啥意義的工作,早早下班,該有多好

那么這時候,反手掏出來一波 【mock.js】搞定回家。很舒服

 

mock咋用?

step1

 

 step2

 

效果

每次請求,都會在你指定的范圍內,隨機的返回假的數據,有很多他預設好的數據,這里就不詳細介紹了,官網上寫的很清楚,看不懂?不存在的。

mock配合vue,真的很靈活很優雅

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM