Vue JSON写入和读取

在 Vue.js 中，你可以使用 axios 或 fetch API 来读取和写入 JSON 数据。以下是一些示例：

读取 JSON 数据：

import axios from 'axios';

export default {
  data() {
    return {
      info: null
    };
  },
  mounted() {
    axios
      .get('https://api.example.com/data.json')
      .then(response => (this.info = response.data))
      .catch(error => console.log(error));
  }
}

在这个例子中，我们使用 axios.get 方法从 URL https://api.example.com/data.json 获取 JSON 数据，然后将响应的数据保存到 info 属性中。

写入 JSON 数据：

import axios from 'axios';

export default {
  data() {
    return {
      info: {
        name: 'John',
        age: 30
      }
    };
  },
  methods: {
    saveData() {
      axios
        .post('https://api.example.com/save', this.info)
        .then(response => console.log(response.data))
        .catch(error => console.log(error));
    }
  }
}

在这个例子中，我们使用 axios.post 方法将 info 属性的数据作为 JSON 发送到 URL https://api.example.com/save。