vue-cli 脚手架里使用mock模拟本地数据

看了许多篇讲解mock在vue-cli 的用法

写一篇我的见解

• 安装
  npm install mockjs --save-dev

• 淘宝源
  cnpm install mockjs --save-dev

• 在src下建议mock文件夹 里面新建mock.js
  tips: 这个无所谓确保能找到就行

• 配置mock.js 配置参数可了解 mockjs.com

import Mock from 'mockjs' //引入
// 使用mockjs模拟数据
const data = Mock.mock({
  'data|30': [
    {
      'name': '@name'
    }
  ]
})

export default {
  data
}

• 然后在main.js 里引入 import '你的mock.js路径'

• 在转场 走到 你的.vue文件内

import simulated from '@/mock/mock' //引入

• 在其下 mounted 里 写入

this.list = simulated.data.date
// 其下渲染
data() {
return {
  list: []
}
}

大功告成