小程序 引入json文件数据

今天在写小程序的时候需要引入一个json文件，特此记录。

一、创建文件

创建data文件夹，foods文件（我这里是食堂信息，取名因需求而异），专门用于存放数据。

二、json文件改为js

将需要引入的json文件的内容放入新创建的foods.js文件 开头加上export default

 三、逻辑层引入

import foods from "../../data/foods";  

  data: {
    shop1:foods[0] //具体数据看自己的json内容
  }

 在调试器AppData查看是否成功引入

 四、视图层显示

其实数据已经得到了，视图层就很简单了。具体样式根据自己的需要来编写就好，我这里只做一个简单的演示。