title: Vue table realtime update
body: <p>I found some similar questions like <a href="https://stackoverflow.com/questions/47804951/realtime-update-for-table">this</a> and <a href="https://stackoverflow.com/questions/47544245/reload-data-of-vue-tables-2-vuex">this</a>. But my problem is somewhat different. 
  I'm polling data for table every second from my REST Api with axios. I need is the user to freely manipulate (i.e. order, sort and select) the rows when data updates. 
  In general, when there is data update, all selections are removed and orders are lost. </p>
  
  <p>I've created a local store with my data which I pass as a reference to my table and update it like this:</p>
  
  <pre><code>setStrategies(newStrategies) {
          if (this.state.strategies.length == 0) {
              newStrategies.forEach(strategy =&gt; {
                  this.state.strategies.push(strategy)
              });
          } else {
              this.state.strategies.forEach(strategy =&gt; {
                  var newStrategy = newStrategies.find(x =&gt; x.strategyName === strategy.strategyName);
                  strategy.status = newStrategy.status;
                  strategy.lastPingTime = newStrategy.lastPingTime;
              });
          }
  </code></pre>
  
  <p>It works but I think it's overcomplicated. So could you tell me what is the best approach or may be table-component that could do binding automaticaly?</p>