这篇文章主要介绍了mockjs+vue页面直接展示数据的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
最近想往数据库里导一些数据,同事推荐了mock,了解一下觉得不错,现将在vue用的mock贴上来
写在前默认看此文的盆友都是有vue基础的哟~~
一、导读
将 mockjs 的数据直接展示在 vue 页面上
mockjs官网链接
关于mockjs,官网描述的是
1.前后端分离
2.不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。
3.数据类型丰富
4.通过随机数据,模拟各种场景。
等等优点。
二、安装mockJS
//安装mockJS npm install mockjs
不说废话,贴代码。
三、将 mockjs 的数据直接展示在 vue 页面上本文来源gaodai$ma#com搞$$代**码网$
引用
import Mock from 'mockjs';
注意
- 使用
标签能格式化输出 json 代码</li><li>使用 mockjs 的随机函数 Random 要先定义常量</li><li>自定义随机函数用 extend</li></ul><p>代码<br /></p><div class="gaodaimacode"><pre class="prettyprint linenums"> <div> <pre class="prettyprint linenums">{{text }}