今天在写小程序的时候需要引入一个json文件，特此记录。
一、创建文件
创建data文件夹，foods文件（我这里是食堂信息，取名因需求而异），专门用于存放数据。
二、json文件改为js
将需要引入的json文件的内容放入新创建的foods.js文件 开头加上export default
三、逻辑层引入
import foods from "../../data/foods";
data: {
shop1:foods[0] //具体数据看自己的json内容
} 在调试器AppData查看是否成功引入
四、视图层显示
其实数据已经得到了，视图层就很简单了。具体样式根据自己的需要来编写就好，我这里只做一个简单的演示。
文章来源：https://www.toymoban.com/news/detail-703483.html
文章来源地址https://www.toymoban.com/news/detail-703483.html
到了这里，关于小程序 引入json文件数据的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![微信小程序报错[ app.json.json 文件错误] app.json: app.json](https://imgs.yssmx.com/Uploads/2024/02/509546-1.png)
![解决微信小程序报[ app.json 文件内容错误] app.json: app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译](https://imgs.yssmx.com/Uploads/2024/02/529573-1.png)
![微信小程序[ app.json 文件内容错误] app.json: app.json 未找到解决方法](https://imgs.yssmx.com/Uploads/2024/02/504991-1.png)
![hbuilderX运行到微信小程序报错[ app.json 文件内容错误] app.json: 未找到 [“sitemapLocation“] 对应的 sitemap.json文件](https://imgs.yssmx.com/Uploads/2024/04/850207-1.png)
