title: Moving values from one table to another
body: <p>I am displaying my data from mysql to a table using spring, axios and vue Js. When I click the data in my table row I am able to alert the data. What I want is when I click the data it should appear or move to another different table or list within the same page.How can I go about this. Here is my code:</p>
  
  <pre><code>&lt;table id="myTable" class="display table" width="100%"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Account Type&lt;/th&gt;
        &lt;th&gt;Amount&lt;/th&gt;
        &lt;th&gt;Date&lt;/th&gt;
        &lt;th&gt;Description&lt;/th&gt;
        &lt;th&gt;Action&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr v-for="account in accounts"&gt;
        &lt;td&gt;{{account.account_type}}&lt;/td&gt;
        &lt;td&gt;{{account.amount}}&lt;/td&gt;
        &lt;td&gt;{{account.date}}&lt;/td&gt;
        &lt;td&gt;{{account.description}}&lt;/td&gt;
        &lt;td&gt;&lt;Button v-on:click.prevent="getRowData(account)"&gt;Add To List&lt;/Button&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;script type="text/javascript"&gt;
    var appVM = new Vue({
          el: '#app',
          data: {
            id: '',
            account_type: '',
            amount: '',
            date: '',
            description: '',
            accounts: Array(),
            rowData: {}
  
          },
          created: function() {
            this.getAccounts();
          },
          getRowData: function(account) {
            axios.get("/account/" + account.id, ).then(function(response) {
              this.rowData = response.data;
              alert(JSON.stringify(this.rowData))
            }.bind(this))
          }
  &lt;/script&gt;
  </code></pre>