（一）mock数据

在html页面中使用mock.js

Mock.mock(
//./listData 接口名字可任意填写
'./listData', {'listData|10':[{ //res.liatData接收数据，内含10条数据
        'id|+1': 1,//增加1的id
        "name":"@ctitle",//随机几个中文
        "price|100-1000.2":6, //随机100-1000且保留两位数的价格
        'sex|1':['男','女'],//随机从中二选一
    }]
});

去请求数据

getListData() {
    let that = this;
    $.ajax({
        url:"./listData",
        dataType:"json",
        success: function(res) {
            console.log(res.listData)
        }
    });
},

Mock.js