在web日常開發(fā)中，雖然大多都是前后端分離的開發(fā)模式，但是還是會遇到一些前后端協(xié)調(diào)的問題。比如有時候前端頁面已經(jīng)開發(fā)好，后端接口卻還在開發(fā)中，而我們有些樣式又必須要有數(shù)據(jù)才能看效果，這時候該怎么辦呢？

通常情況下，我們的做法是自己手動造一些假數(shù)據(jù)，但是當(dāng)數(shù)據(jù)量大且需要考慮到各種極端情況時，這種自造假數(shù)據(jù)的方式顯然不是最好的解決方法。那么，我們能不能讓程序自己來隨機產(chǎn)生一些符合一定規(guī)則的數(shù)據(jù)呢？

答案當(dāng)然是肯定的。今天介紹的一款JS插件就是專門用來實現(xiàn)這個功能的，那就是Mock.js，它可以用來批量模擬后端數(shù)據(jù)，并且可以按照我們自己設(shè)定的規(guī)則來隨機產(chǎn)生，非常強大和實用！

一、用法示例

簡單概述一下怎么使用

1）安裝：npmimock-S
2）創(chuàng)建mock文件夾及js文件
3）js文件內(nèi)容：創(chuàng)建一個空數(shù)組，在寫一個循環(huán)，在循環(huán)中創(chuàng)建Mock.mock對象，對應(yīng)的mock屬性格式
4）給出接口地址（地址隨意點）、請求方式、定義的數(shù)組
5）最后曝光這個數(shù)組，再在main.js文件引入，Vue.use(**)掛載在Vue
6）這樣axios請求接口地址就可以

代碼示例：

mock.js是用請求攔截的方式返回數(shù)據(jù)，因此當(dāng)后端寫好數(shù)據(jù)時，去掉攔截就可以無縫接入后端返回的數(shù)據(jù)，可以說是前后端分離開發(fā)的效率神器！

更詳細的用法，可以看官網(wǎng)。