标签： vue

随机生成一个常见的英文名
Random.first()

随机生成一个常见的英文姓
Random.last()

随机生成一个常见的英文姓名
Random.name( middle? )
说明：
middle（可选），布尔值。指示是否生成中间名

随机生成一个常见的中文名
Random.cfirst()

随机生成一个常见的中文姓
Random.clast()

随机生成一个常见的中文姓名
Random.cname()

随机生成一个 URL
Random.url( protocol?, host? )
调用方式：
Random.url()
Random.url( protocol, host )
说明：
protocol（可选），指定 URL 协议。例如 http。
host（可选），指定 URL 域名和端口号。例如 nuysoft.com。

随机生成一个 URL 协议
Random.protocol()

说明：
返回以下值之一：’http’、’ftp’、’gopher’、’mailto’、’mid’、’cid’、’news’、’nntp’、’prospero’、’telnet’、’rlogin’、’tn3270’、’wais’。

随机生成一个域名
Random.domain()

随机生成一个顶级域名
Random.tld()

随机生成一个邮件地址
Random.email( domain? )

说明：
domain（可选），指定邮件地址的域名

随机生成一个 IP 地址
Random.ip()

随机生成一个（中国）大区
Random.region()

随机生成一个（中国）省（或直辖市、自治区、特别行政区）
Random.province()

随机生成一个（中国）市
Random.city( prefix? )
说明：
prefix（可选），布尔值。指示是否生成所属的省

随机生成一个（中国）县
Random.county( prefix? )
说明：
prefix（可选），布尔值。指示是否生成所属的省、市

随机生成一个邮政编码（六位数字）
Random.zip()

随机生成一个Boolean类型
Random.boolean

随机生成1到100的自然数
Random.natural(1, 10)

随机生成1到100的整数
Random.integer(1, 100)

随机生成0到100之间的浮点数,小数点后尾数为0到5位
Random.float(0, 100, 0, 5)

随机生成字符串,可加参数定义规则
Random.character()

随机生成2到10个字符之间的字符串
Random.string(2, 10)

随机生成一个数组
Random.range(0, 10, 2)

随机生成一个日期,可加参数定义日期格式
Random.date()

随机生成一个颜色值
Random.color()

随机生成2至5个句子的文本
Random.paragraph(2, 5)

随机生成一个图片
Random.image(Random.size, ‘#02adea’, ‘Hello’)
其中Random.size表示将从size数据中任选一个数据,size集合是自定义的集合，如下：
let size = [‘300×250’, ‘250×250’]

* 如发现有新的使用需求会继续添加

1.安装mockjs: npm install mockjs –save-dev
2.在main.js中引入：
require('./mock') // simulation data
3.在src/api下新建index.js用来对请求进行封装
import axios from 'axios'

// 封装axios的post请求
export function fetch(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, params)
.then(response => {
resolve(response.data)
})
.catch((error) => {
reject(error)
})
})
}

export default{
getData(url, params) {
return fetch(url, params)
}
}

4.在main.js旁边新建mock.js文件，用来定义生成数据的类型
// 引入mockjs
const Mock = require('mockjs')
// 获取 mock.Random 对象
const Random = Mock.Random
// mock一组数据
const produceNewsData = function() {
const articles = []
for (let i = 0; i < 100; i++) {
const newArticleObject = {
title: Random.csentence(5, 30), // Random.csentence( min, max )
thumbnail_pic_s: Random.dataImage('300x250', 'mock的图片'), // Random.dataImage( size, text ) 生成一段随机的 Base64 图片编码
author_name: Random.cname(), // Random.cname() 随机生成一个常见的中文姓名
date: Random.date() + ' ' + Random.time() // Random.date()指示生成的日期字符串的格式,默认为yyyy-MM-dd；Random.time() 返回一个随机的时间字符串
}
articles.push(newArticleObject)
}
return {
articles: articles
}
}
//
// // Mock.mock( url, post/get , 返回的数据)；
Mock.mock('/news/index', 'post', produceNewsData)

5.在页面中引入请求（下面为js片段）

import api from '../../api/index'
/**
* @Author: justin.Sun
* @Date: 2018/11/7 9:24
*/
export default {
data() {
return {
data: []
}
},
created() {
this.setNewsApi()
},
methods: {
setNewsApi: function() {
api.getData('/tree/info', '')
.then(res => {
console.log(res)
this.data.push(...res.articles)
})
}
}
}