mock.js的理解以及运用

**

mock.js的理解

**

1、 安装

npm install mockjs

2、在vue引入

首先下载axios，配置axios
创建一个文件夹mock当mock的配至文件
在main.js中引入mock

import './mock'

在home.vue中写入

<template>
  <div class="home"></div>
</template>

<script>
import axios from 'axios'
export default {
  name: "Home",
  async created () {
    const res = await axios.get('https://www.fastmock.site/mock/e003d59d95b20b7c17aaac59dc5cb523/api/api/post')
    console.log(res)
  }
};
</script>

在新创建的mock文件夹中的index.js文件中写入

var Mock = require('mockjs')
const data = Mock.mock('https://www.fastmock.site/mock/e003d59d95b20b7c17aaac59dc5cb523/api/api/post',{
  "id|1-10":1,
  "title|3":'@name'
})
console.log(data)

3、mock.js的引用方法

引入方法值

Random.boolean()
Random.boolean( min, max, current )

**min**
指示参数 current 出现的概率。概率计算公式为 min / (min + max)。该参			         数的默认值为 1，即有 50% 的概率返回参数 current。

**max**
	指示参数 current 的相反值 !current 出现的概率。概率计算公式为 max / (min + max)。该参数的默认值为 1，即有 50% 的概率返回参数 !current。

**current**
		可选值为布尔值 true 或 false。如果未传入任何参数，则返回 true 和 			false 的概率各为 50%。该参数没有默认值。在该方法的内部，依据原生方法 Math.random() 返回的（浮点）数来计算和返回布尔值，例如在最简单的情况下，返回值是表达式 Math.random() >= 0.5 的执行结果。

Random.boolean()
// => true
Random.boolean(1, 9, true)
// => false
Random.bool()
// => false
Random.bool(1, 9, false)
// => true

Random.natural()
Random.natural( min )
Random.natural( min, max )
返回一个随机的自然数（大于等于 0 的整数）。

Random.natural()
// => 1002794054057984
Random.natural(10000)
// => 71529071126209
Random.natural(60, 100)
// => 77

Random.integer()
Random.integer( min )
Random.integer( min, max )
返回一个随机的整数。

Random.integer()
// => -3815311811805184
Random.integer(10000)
// => 4303764511003750
Random.integer(60,100)
// => 96

Random.character()
Random.character( ‘lower/upper/number/symbol’ )
Random.character( pool )
返回一个随机字符。
如果传入了 ‘lower’ 或 ‘upper’、‘number’、‘symbol’，表示从内置的字符池从选取：

{
    lower: "abcdefghijklmnopqrstuvwxyz",
    upper: "ABCDEFGHIJKLMNOPQRSTUVWXYZ",
    number: "0123456789",
    symbol: "!@#$%^&*()[]"
}

如果未传入该参数，则从 lower + upper + number + symbol 中随机选取一个字符返回：

Random.character()
// => "P"
Random.character('lower')
// => "y"
Random.character('upper')
// => "X"
Random.character('number')
// => "1"
Random.character('symbol')
// => "&"
Random.character('aeiou')
// => "u"

Random.string()
Random.string( length )
Random.string( pool, length )
Random.string( min, max )
Random.string( pool, min, max )
返回一个随机字符串。
如果传入 ‘lower’ 或 ‘upper’、‘number’、‘symbol’，表示从内置的字符池从选取：

{
    lower: "abcdefghijklmnopqrstuvwxyz",
    upper: "ABCDEFGHIJKLMNOPQRSTUVWXYZ",
    number: "0123456789",
    symbol: "!@#$%^&*()[]"
}

未传入则随机返回 ‘lower’ 或 ‘upper’、‘number’、‘symbol’。

长度（min, max）

Random.string()
// => "pJjDUe"
Random.string( 5 )
// => "GaadY"
Random.string( 'lower', 5 )
// => "jseqj"
Random.string( 7, 10 )
// => "UuGQgSYk"
Random.string( 'aeiou', 1, 3 )
// => "ea"
Random.string( '壹贰叁肆伍陆柒捌玖拾', 3, 5 )
// => "肆捌伍叁"

Random.range( stop )
Random.range( start, stop )
Random.range( start, stop, step )
返回一个整型数组。

start
必选。

数组中整数的起始值。

stop
可选。

数组中整数的结束值（不包含在返回值中）。

step
可选。

数组中整数之间的步长。默认值为 1。

Random.range(10)
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
Random.range(3, 7)
// => [3, 4, 5, 6]
Random.range(1, 10, 2)
// => [1, 3, 5, 7, 9]
Random.range(1, 10, 3)
// => [1, 4, 7]

日期随机

Random.date()

随机文字

英文
Random.paragraph()
Random.paragraph( len )
Random.paragraph( min, max )
随机生成一段文本。

Random.paragraph()
// => "Yohbjjz psxwibxd jijiccj kvemj eidnus disnrst rcconm bcjrof tpzhdo ncxc yjws jnmdmty. Dkmiwza ibudbufrnh ndmcpz tomdyh oqoonsn jhoy rueieihtt vsrjpudcm sotfqsfyv mjeat shnqmslfo oirnzu cru qmpt ggvgxwv jbu kjde. Kzegfq kigj dtzdd ngtytgm comwwoox fgtee ywdrnbam utu nyvlyiv tubouw lezpkmyq fkoa jlygdgf pgv gyerges wbykcxhwe bcpmt beqtkq. Mfxcqyh vhvpovktvl hrmsgfxnt jmnhyndk qohnlmgc sicmlnsq nwku dxtbmwrta omikpmajv qda qrn cwoyfaykxa xqnbv bwbnyov hbrskzt. Pdfqwzpb hypvtknt bovxx noramu xhzam kfb ympmebhqxw gbtaszonqo zmsdgcku mjkjc widrymjzj nytudruhfr uudsitbst cgmwewxpi bye. Eyseox wyef ikdnws weoyof dqecfwokkv svyjdyulk glusauosnu achmrakky kdcfp kujrqcq xojqbxrp mpfv vmw tahxtnw fhe lcitj."
    
Random.paragraph(2)
// => "Dlpec hnwvovvnq slfehkf zimy qpxqgy vwrbi mok wozddpol umkek nffjcmk gnqhhvm ztqkvjm kvukg dqubvqn xqbmoda. Vdkceijr fhhyemx hgkruvxuvr kuez wmkfv lusfksuj oewvvf cyw tfpo jswpseupm ypybap kwbofwg uuwn rvoxti ydpeeerf."
    
Random.paragraph(1, 3)
// => "Qdgfqm puhxle twi lbeqjqfi bcxeeecu pqeqr srsx tjlnew oqtqx zhxhkvq pnjns eblxhzzta hifj csvndh ylechtyu."

中文
Random.cparagraph( min?, max? )
Random.cparagraph()
Random.cparagraph( len )
Random.cparagraph( min, max )
随机生成一段中文文本。

Random.cparagraph()
// => "给日数时化周作少情者美制论。到先争劳今已美变江以好较正新深。族国般建难出就金感基酸转。任部四那响成族利标铁导术一或已于。省元切世权往着路积会其区素白思断。加把他位间存定国工取除许热规先法方。"
    
Random.cparagraph(2)
// => "去话起时为无子议气根复即传月广。题林里油步不约认山形两标命导社干。"
    
Random.cparagraph(1, 3)
// => "候无部社心性有构员其深例矿取民为。须被亲需报每完认支这明复几下在铁需连。省备可离展五斗器就石正队除解动。"