在Vue项目中使用Mock.js随机生成一个复杂的对象

已经用npm init vue@latest命令创建了一个Vue3项目，用npm install axios、npm install mockjs --save-dev、npm install json5 --save-dev安装了依赖。

testMock.js文件：

import Mock from 'mockjs'

// 返回一个复杂的对象
const obj = Mock.mock({
    // 随机生成id，对象
    id: '@id',
    // 随机生成中文名字
    username: '@cname',
    // 随机生成日期
    date: '@date',
    // 生成图片，第一个参数是尺寸，第二个参数是背景颜色，第三个参数是文本颜色，第四个参数是文本 
    avatar: '@image("200x200", "red", "#fff", "avatar")',
    // 描述
    description: '@paragraph',
    // ip 地址
    ip: '@ip',
    // email
    email: '@email'
})
console.log(obj)

在vscode集成终端执行node testMock.js命令：

{
  id: '530000201702044564',
  username: '程超',
  date: '1985-05-06',
  avatar: 'http://dummyimage.com/200x200/red/fff&text=avatar',
  description: 'Rcbye flg rjese sltmncblj meeaqkvif cbvf gvlbor zcr tlyxpq wyqjnrsp grsbc kltg pudgwoupq ycoy scr vryaer qveldfy. Ick gfceheintm qmmzhin svpbecgtd okfvfcuy sjxcu rsvniyxub cknnrmk qgftsjj ciqcdp neiyjw qhdmmzdtc bezmi jqtguqtm rfrwlqjw kjnb ydpyrszswm oohnwpokbu. Octtfjvx pednuxfm yltu ozvrbm wugrlt gxoh cuk olsjbnt yljs yzleamod ttcfmu xvbwgvot jdjlr xcee bwdth tim xrlihvcvv opjsl. Acvrofnekr cwqgkm kydccbxhr kkrascovr cxwvtosy pfqyyl ixv kbvjvrouj clgq lsuqqolyy enphqdha pyqlpq kzqssuwp bodm. Cnugwftq fldz uywtbjdyt corokxpfze bqxsftfvm prh ghga tthof epalv ektm qndmlj hewo.',
  ip: '207.112.24.158',
  email: 'i.nlbvkwxqi@gyenj.by'
}