Привет! Для записи информации в JSON файл внутри приложения Vue.js, можно использовать стандартный объект JavaScript JSON и метод stringify. А для чтения JSON файла, можно использовать метод fetch.
Пример записи объекта в JSON файл:
methods: {
saveData() {
const data = {name: 'John', age: 30};
const jsonData = JSON.stringify(data);
fetch('/path/to/save/file.json', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: jsonData
})
.then(response => {
console.log('Data saved:', response);
})
.catch(error => {
console.error('Error:', error);
});
}
}
Пример чтения JSON файла:
methods: {
loadData() {
fetch('/path/to/load/file.json')
.then(response => response.json())
.then(data => {
console.log('Data loaded:', data);
})
.catch(error => {
console.error('Error:', error);
});
}
}
Обратите внимание, что в примерах используются асинхронные операции fetch. Если вы используете браузеры, которые не поддерживают fetch, можете использовать библиотеку для AJAX, например, axios.