从上面代码我们可以知道,返回的是一个 data对象,data对象里面有一个arrList数组,数组里面的值又是以对象的形式存在,对象中有一个carousel属性,carousel属性的值就是 以JSON数据格式存在的。
Vue项目读
取本地
json文件数据的方法如下:
创建一个
json文件,比如data.
json,并保存在项目目录下的static文件夹里
在
Vue组件
中引入
json文件,例如:
<script>
import data from '@/static/data.
json'
export default {
data() {
return {
jsonData: data
</script>
在模板
中使用
json数据:
这两天在学习vue,主要是为了实现前后端的分离,因此数据的传输是必不可少的一个环节。
为了快速入门,参考了vue官网的视频,这个过程由于引入vue.js的问题走了一些弯路,这个我们以后再来探讨,因为现在主要讲的是JSON数组和JSON对象。
在这个截图中(截了好几次才完美截下),红框部分是从API获取数据,中间的语法等我们也在以后再讨论。
我发现照着这个模板来做的话,可以正常获取到数据,然而...
public class Main {
public static void main(String[] args) {
String
jsonStr = "[{\"name\":\"Tom\",\"age\":18},{\"name\":\"Jerry\",\"age\":20}]";
Gson gson = new Gson();
Person[] persons = gson.from
Json(
jsonStr, Person[].class);
for (Person person : persons) {
System.out.println(person.getName() + " " + person.getAge());
class Person {
private String name;
private int age;
public String getName() {
return name;
public void setName(String name) {
this.name = name;
public int getAge() {
return age;
public void setAge(int age) {
this.age = age;
输出结果为:
Tom 18
Jerry 20