mockjs+vue页面直接展示数据的方法

最近想往数据库里导一些数据，同事推荐了mock，了解一下觉得不错，现将在vue用的mock贴上来

写在前默认看此文的盆友都是有vue基础的哟~~

一、导读

将 mockjs 的数据直接展示在 vue 页面上

mockjs官网链接

关于mockjs，官网描述的是

1.前后端分离

2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。

3.数据类型丰富

4.通过随机数据，模拟各种场景。

等等优点。

二、安装mockJS

//安装mockJS
npm install mockjs

不说废话，贴代码。

三、将 mockjs 的数据直接展示在 vue 页面上

引用

import Mock from 'mockjs';

注意

• 使用

   标签能格式化输出 json 代码

• 使用 mockjs 的随机函数 Random 要先定义常量
• 自定义随机函数用 extend

代码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。