vue+mock.js

(1).mockjs介绍

mock.js是模拟后端的数据，脱离后端独立开发，实现增删改查功能

(2).官网描述的是

1.前后端分离
2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。
3.数据类型丰富
4.通过随机数据，模拟各种场景。

(3).数据模板格式

'name|rule': value

属性名|生成规则: 属性值

(4).安装-使用

1.在搭建好的vue项目中 cd practice_project\elements-demo (elements-demo项目名)

2.安装mockjs

npm install mockjs –save-dev

3.引入mockjs

①在src中创建mock文件夹，在里面创建mock.js

②入口文件中main.js

import Mock from './mock/mock'

4.测试 官网的小demo

在 mock.js中

// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock('http://域名',{
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

更多的知识点
http://www.mamicode.com/info-detail-1710006.html