mockjs+vue页面直接展示数据的方法
最近想往数据库里导一些数据,同事推荐了mock,了解一下觉得不错,现将在vue用的mock贴上来
写在前默认看此文的盆友都是有vue基础的哟~~
一、导读
将mockjs的数据直接展示在vue页面上
mockjs官网链接
关于mockjs,官网描述的是
1.前后端分离
2.不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据。
3.数据类型丰富
4.通过随机数据,模拟各种场景。
等等优点。
二、安装mockJS
//安装mockJS npminstallmockjs
不说废话,贴代码。
三、将mockjs的数据直接展示在vue页面上
引用
importMockfrom'mockjs';
注意
- 使用
标签能格式化输出json代码
- 使用mockjs的随机函数Random要先定义常量
- 自定义随机函数用extend
代码
{{text}}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。