在 Vue.js 中,你可以使用 axios
或 fetch
API 来读取和写入 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
属性中。
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
。
领取专属 10元无门槛券
手把手带您无忧上云