在开发app中,往往后端对丢我们接口,如果后端没有提供。那么前端都会自己模拟数据,自己调试,这就是传说中的(自己ri自己吧),玩的可嗨了。昨天一个朋友联系了枫瑞,做一个毕业毕业设计,因为对方啥也没给我,如果自己搞一个服务器搭建一个后台管理系统在来测试,显的麻烦了。uni-app 新建本地模拟json数据教程
1.建立json数据
首先我们新建一个component目录,以及一个json.js文件 注意是后缀js不是josn
// 本地模拟json数据 let data = [{ "id" : 1, "name":'张三' }, { "id" : 2, "name":'里斯' }, { "id" : 3, "name":'试试' }, { "id" : 4, "name":'发文' } ]
随意写上一些内容后,我们自定义一个出口
// 定义数据出口 module.exports = { data: data }
2.首页引入
开头导入文件
import fengrui from "../../component/json.js"
别忘了还有return
data() { return { title: 'Hello', shuju: fengrui } },
写在view上看看效果
<text class="title">{{shuju}}</text>
会出来[object Object] 那就木有问题了
3.打印数据
如果要在控制台打印的话
onLoad() { console.log(this.shuju.data) },