vue简单使用mock模拟后台数据

版权声明：本文为博主原创文章，非商业转载请附上地址与作者信息，谢谢！ https://blog.csdn.net/jx950915/article/details/81942865

下载

npm install mockjs --save-dev

使用

1、新建mock.js

import Mock from 'mockjs'

Mock.mock("/getTest",{
    "name1|1-3":  'a',
    "name2|2": 'b',
});

2、新建vue文件

<template>
    <div>
        <button type="button" @click="getTest">mock一下</button>
    </div>
</template>
<script>
    export default {

        methods: {
            getTest() {
                this.$axios.get("/getTest").then(function (res) {
                    console.log(res.data);
                });
            }
        }
    };

</script>

3、main.js

import Mock from "./javascript/mock"

效果