首页
学习
活动
专区
工具
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

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

相关·内容

  • IT人如何打造个性化的个人网站(在线简历)

    众所周知,IT行业人员在求职时,如果拥有自己的技术博客和个人网站多少是可以加些分的,因为这也是IT人的技术证明之一。内容丰富的技术博客就不必多少了,往往技术博客大神市场上多是供不应求的,而且技术博客出彩主要是在内容经营上,至于博客本身直接到各大技术平台注册一个即可,当然有兴趣的朋友想要自建个人博客也不是很难,比如可以用非常流行的GitHub Pages进行搭建,最主要是可以免费。而个人网站是主要是用来展示信息,功能比博客系统要简单的多,搭建过程比博客系统也要容易的多,而且对运行环境的要求也特别简单,很多时候只要浏览器即可开发和运行。接下来我们就来搭建一个在线简历类型的个人网站作为案例进行讲解。喜欢这个模板的朋友也可以直接修改JSON文件的个人信息定制自己专属的简历网站。

    04
    领券