首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Vue JSON写入和读取

在 Vue.js 中,你可以使用 axiosfetch API 来读取和写入 JSON 数据。以下是一些示例:

  1. 读取 JSON 数据:
代码语言:javascript
复制
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 属性中。

  1. 写入 JSON 数据:
代码语言:javascript
复制
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

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券