Mock js~
（反正我是在網(wǎng)上看了好多怎么弄的，發(fā)現(xiàn)有點(diǎn)亂，各有各的方法，后面自己突然搗鼓好了，發(fā)現(xiàn)Mockjs用法并不難，自己的這種使用也很方便快捷）
什么是Mock js
是一種用于先與后端分離關(guān)系，在后端沒(méi)寫(xiě)好數(shù)據(jù)返回接口的時(shí)候，自己通過(guò)設(shè)置Mock js隨機(jī)生成自己需要的數(shù)據(jù)，同時(shí)自己可以設(shè)置鏈接進(jìn)行數(shù)據(jù)傳回使用。等后端開(kāi)發(fā)好接口以后，直接將鏈接進(jìn)行覆蓋原始鏈接就好了。
現(xiàn)在講述Mock.js怎么配置以及使用
在自己搭建的文件夾里面進(jìn)入命令行輸入：npm install mockjs;
然后直接進(jìn)入到自己需要獲取數(shù)據(jù)的組件里面，比如一個(gè)表格組件需要獲取20條數(shù)據(jù)，就進(jìn)入到table.vue然后
<script>
import axios from "axios"http://引入vue-axios包，當(dāng)然前提是需要安裝組件并且使用
var Mock=require("mockjs")//引入已經(jīng)裝好的Mockjs包，位置在node_modules/mockjs
Mock.mock('http://zchuhyy',{
'user|20-30':[{ //隨機(jī)生成20~30條的用戶(hù)數(shù)據(jù)
'name':'@cname',
'age|1-100':100,
'birthday':'@date("yyyy-MM-dd")',
'city':'@city(true)'
}]
});
//使用mock語(yǔ)法，對(duì)其進(jìn)行命名鏈接，并開(kāi)始對(duì)屬性進(jìn)行命名，聲明屬性規(guī)則，以及屬性值定義
axios.get('http://zchuhyy').then(response=>{
console.log(response.data);//通過(guò)axios實(shí)現(xiàn)Ajax的數(shù)據(jù)傳輸，同時(shí)將數(shù)據(jù)輸出到控制臺(tái)，從而得到了數(shù)據(jù)
}).catch(error=>{
alert(123);
})
</script>
控制臺(tái)輸出：
