使用mockjs模擬生成數據

爲什麼要使用mockjs？爲了不在沒有接口時閒得慌，所以我們得想辦法自己弄到數據。
首先，瞭解一下mockjs怎麼寫，這時候我們就需要去它的官網mock.js瞧一瞧,看一下別人的事例是怎麼寫的，在瞭解了基本的寫法之後，就可以自己動手了。
（1）安裝mock.js,因爲只需要在本地使用，所以用–save-dev就好

npm install mockjs --save-dev

（2）在src下新建mock文件夾，結構如下

（3）carousel.js文件中代碼如下

import Mock from 'mockjs'

const starList=Mock.mock({
    'err_code':"0",
    'success_code':'200',
    'data|8':[{
        "carouselId|+1":1,
        "name":'@cname',
        'img':"@image('400x400','#50B347', '#FFF', 'Mock.js')",
        "description":"@cword(100,200)"
    }]
});

export default {
    starList
}

（4）index.js文件中代碼如下

import Mock from 'mockjs'
import carouselList from './data/carousel'

Mock.mock('api/carousel','get',carouselList);

（5）頁面請求，打印數據結果

mounted() {
            //獲取輪播圖
            this.$http.get('api/carousel').then(res=>{
                 console.log(res.data);
                this.carouselList=res.data.carouselList.data;
                this.$nextTick(function () {
                    this.carouselScroll();
                })
            });
        },