Vue mock数据

mock.js

//可以模拟固定的数据还可以模拟随机的数据
Mock.mock("/stu/get", "get", {
    //后边为固定，就是固定产生几个
    "result|1-10": "1",
    //根据路径随机产生
    "result|1-10": [{
        //每次自增加1
        //"id|+1":1,
        "idcar": "@id()",
        "guid": "@guid()",
        //随机某个数字默认值
        "age|18-40": 18,
        //随机小数点
        "weight|90-150.1-10": 1,
        //随机布尔
        "ismarray|1-2": true,
        //随机对象
        "hobby|2-4": {
            "01": "篮球",
            "02": "画画",
            "03": "打游戏",
            "04": "玩滑板"
        },
        //随机数组 "city|1":["宝鸡市","上海市","西安市"] 随机选择一个
        //"city|+1":["宝鸡市","上海市","西安市"] 按照数组顺序选择
        //随机产生数组里面的对象
        "city|1": ["宝鸡市", "上海市", "西安市"],
        //根据正则随机产生字符
        "encoude|1-10": [{
            "reg|1-10": /[0-9][a-z][A-Z]-/
        }],
        //date日期 time时间"@date(yyyy-MM-dd) @time()"
        "day|1": "@datetime()",
        "day1|1": "@date(yyyy-MM-dd) @time()",
        "day2|1": "@datetime()",
        //产生随机色 @color() @hsl() @rgb() @rgba()
        "color": "@color()",
        //产生随机文本
        "text": "@cpargraph(1,2)",
    }]
});

mock.vue

<template>
  <div id="mockinfo">
    <p>mock模拟数据的相关使用方式</p>
    <p>绑定随机数据</p>
    <p>{{msg}}</p>
  </div>
</template>
<script>
export default {
  name: "mockinfo",
  data() {
    return {
      msg: null
    };
  },
  mounted() {
    this.$axios.get("/stu/get").then(res => {
      console.log(res.data.result);
      this.msg = res.data.result;
    });
  }
};
</script>