• Как записать информацию в json внутри приложения Vue.js?

    Привет! Для записи информации в 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.
    Ответ написан
    2 комментария