1.0.12 • Published 2 years ago

zero-mock-ui v1.0.12

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

zero-mock-ui

一个轻量的切换mock接口的UI组件。

zero-mock-ui 是框架无关的,可以在 Vue、React 或其他任何框架中使用。


功能特性

  • api列表存储(Storage)在 LocalStorage
  • 可通过提供的函数直接实时拿到当前的api列表的值

shootscreen shootscreen


版本说明

每个版本的详细说明请参阅 Changelog


上手

将 zero-mock-ui 添加到项目中采用以下方式:

使用 npm

$ npm install vconsole

Import 并初始化后,即可使用 onChange快速获取当前的api列表值。

import MockUI from 'zero-mock-ui';


// 使用配置参数来初始化,详情配置属性
const mockui = new MockUI({
    apiList:['queryNumber','queryList'],
    onChange: (v)=>{
        console.log(v)
        // { queryNumeber: 0, queryList: 0 } 
    }
});

配置属性

键名类型可选默认值描述
apiListstring[]false-配置的api名称列表。每个名称必须是唯一的。
onChangefunction(value)true-回调方法,变化的时候触发。初始化后也会触发
isShowGrayHostbooleantruetrue是否展示灰度host的ui

值的存储

存在localStorage里, 可以通过如下方法获得

localStorage.getItem('apiListValueObj')

也可以通过onChange函数来获取

0: 预发host 1: 灰度host 2:线上host 3:zero-mock

zero-mock平台

官方地址:zero-mock

简单、高效、好用的在线API管理平台 本地无需任何开发,讲请求根地址指向到模拟地址即可轻松实现接口模拟, 快速生成演示数据,只需要开发前端即可向客户演示真实效果。


交流反馈

erp:zhangduole


1.0.12

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.3-alpha.2

2 years ago

1.0.3-alpha.1

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago