1.在项目中新建一个目录components
2.在目录下新建一个json.js页面（注意是.js）
3.在json.js页面中写上本地模拟json数据，并导出

let data = [{
  "id"	: 1,
  "name":'张三',
  "img":'http://img4.cache.netease.com/photo/0001/2017-07-14/s_CP9PNPU96VVV0001.jpg'
},
{
  "id"	: 2,
  "name":'李四',
  "img":'http://img4.cache.netease.com/photo/0001/2017-07-14/s_CP9PNPU96VVV0001.jpg'
},
{
  "id"	: 3,
  "name":'王五',
   "img":'http://img4.cache.netease.com/photo/0001/2017-07-14/s_CP9PNPU96VVV0001.jpg'
},
{
  "id"	: 4,
  "name":'赵六',
   "img":'http://img4.cache.netease.com/photo/0001/2017-07-14/s_CP9PNPU96VVV0001.jpg'
}
]
module.exports={
	data:data
}

4.在你的index.vue页面中引入文件import json from "../../components/json.js"
5.在data里自定义名字，传入引入的json文件名

data() {
			return {
				title: 'Hello',
				shuju:json.data
			}
		}

6.使用v-for循环遍历数组

<view class="text-area" v-for="it in shuju">
			<text class="title">{{it.name}}</text>
			<image :src="it.img" mode=""></image>
		</view>

这样数据就出现在页面了