看了许多篇讲解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: []
}
}
大功告成
