mockjs+vue页面如何直接展示数据-创新互联

这篇文章主要介绍了mockjs+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

代码


感谢你能够认真阅读完这篇文章,希望小编分享的“mockjs+vue页面如何直接展示数据”这篇文章对大家有帮助,同时也希望大家多多支持创新互联成都网站设计公司,关注创新互联成都网站设计公司行业资讯频道,更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:mockjs+vue页面如何直接展示数据-创新互联
网站URL:http://myzitong.com/article/ipooe.html