Возможно ли вообще отправлять данные на сервер, которые хранятся в экземпляре vue

ситуация такова, есть экземпляр vue , который способен создавать таблицы в SPA приложении , в эти таблицы можно вписывать имена и фамилии людей. То есть у экземпляра есть свойство(в data{})в виде массива, который хранит эти таблицы и есть переменная, которая хранит еще один массив, в котором данные на пользователя
(извиняюсь за кривое объяснение) https://github.com/AmanKKK/ListEditor.git (тут весь код) структура таблицы


Ответы (1 шт):

Автор решения: Ilia Brykin

вот маленький пример работы с Axios. Это супер библиотека, сейчас пользуюсь только ей для общения с сервером. https://github.com/axios/axios

new Vue({
  el: '#app',
  template: `
    <div>
      <input v-model="search"><button v-if="search" type="button" @click="sendSearch">Send</button>
    </div>
  `,
  data() {
    return {
      search: "",
    };
  },
  methods: {
    sendSearch() {
      axios.post("/search/", {
        search: this.search,
        lastName: "Flintstone",
      }).then(
        response => {
          console.log(response);
        }
      );
    },
  },
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app"></div>

→ Ссылка