vue 使用模拟的json数据查看效果

在数据交互这一块，很多时候是要和后台进行沟通配合的，作为初学者或者纯前端的学习者，我们不可能经常有后台配合自己来展示，那么怎样才能模拟类似的效果呢？

后台传来的值其实也是一种json格式的数据，我们只需要模拟json形式的内容即可。

具体方法如下：

1）封装一个json的文件，里面存放需要的数据，在webpack环境下放置在common文件夹中。

数据如下：

{
	"name":"张三",
	"age":20,
	"phone":"12345678",
	"sex":"女",
	"grades":[
	  {
	  	"语文":100,
	  	"数学":98,
	  	"英语":100,
	  	"计算机":95,
	  	"物理":88,
	  	"电路":89
	  }
	]
}

2）在指定的vue文件中引用这个data.json的数据

本例是order.vue

3）在order.vue中设