锐客网

  1. 首页 > 睿知 > it技术 > >

#yyds干货盘点#vue中mockjs的使用

IT知识干货的使用

落花踏尽游何处，笑入胡姬酒肆中。这篇文章主要讲述#yyds干货盘点#vue中mockjs的使用相关的知识，希望能为你提供帮助。
mock是什么简单理解，他可以在前端完成模拟接口和数据
使用方法

  1. 下载
    npm install --save mockjs

  2. 新建mock文件夹
  3. 在mock文件夹中创建一个data文件夹用于存放模拟数据
  4. 在mock下新建一个文件用来存放mockjs模拟数据的代码
    // 1.引用 let mock=require("mockjs") // 2.创建模拟数据的请求接口 // mock.mock("请求这个模拟数据的接口地址随便写","GET/POST",require("你的模拟数据json地址")) mock.mock("/data/list/movie","get",require("./data/dianying.json"))

    【#yyds干货盘点#vue中mockjs的使用】注意
    千万不要忘了，需要在main.js中引用mock
    import Vue from vue import App from ./App.vue import router from ./router // 全局组件的引用 import Tb from "@/components/topbar.vue" // 全局组件的调用 Vue.component("Tb",Tb)

// 引用mock
require(" ./mock" )
Vue.config.productionTip = false
new Vue(
router,
render: h => h(App)
).$mount(#app)
这样就完成了前端的模拟数据，像正常调接口一样去使用就可以了，**一般他的模拟数据都是json格式**


    推荐阅读


    上一篇：#yyds干货盘点# Java 内存分析之堆内存和MetaSpace内存

    下一篇：python入门