微客导航 » 文章资讯 » mockjs+vue页面直接展示数据的方法

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

2023-09-02 18:17:04 397

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

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

一、导读

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

mockjs官网链接

关于mockjs，官网描述的是

1.前后端分离

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

3.数据类型丰富

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

等等优点。

二、安装mockJS

//安装mockJS
npminstallmockjs

不说废话，贴代码。

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

引用

importMockfrom'mockjs';

注意

代码

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