02-vue中补充(mock模拟后端随机返回数据,scoped, deep,完整版生命周期, rem适配)

01 - mock.js

在项目开发过程中：

前端：根据静态页面完成结构 & 样式 ，根据接口文档完成数据渲染

后端：开发接口

问题：

前端的静态页面已经写完，后端的接口文档还没有开发完成

mock.js 可以用来解决：

当前端的静态页面写完，但是接口还没有出来，就可以使用 mock.js 来模拟后端的接口

传送门也可以在github中搜

作用： 生成随机数据，拦截 Ajax 请求(模拟后端的接口)

使用：

• 生成随机数据

  • 步骤：

    • 1.0 下载 mock：

      npm i mockjs --save
      

    • 2.0 使用 mock

      // 导入 Mock
      import Mock from 'mockjs'
      // 调用方法得到随机数据
      var data = Mock.mock({
               
               
      	`list|1-10`: [{
               
               
      		'id|+1'