JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<script src="https://unpkg.com/vue-router@2.0.0-rc.7"></script>
<div id="app">
  <ol>
    <li v-for="series in currentSeries">
      The ID is <% series.id %>
      <a href="javascript:;" @click="removeSeries(series.id)">X</a>
    </li>
  </ol>
</div>

JavaScript

vm = new Vue({
      el: '#app',
      delimiters: ["<%", "%>"],
      data: {
        currentSeries: [{
          id: "1"
        }, {
          id: "2"
        }, {
          id: "3"
        }]
      },

      methods: {
        removeSeries: function(id) {
          this.currentSeries = this.currentSeries.filter(function(element) {
            return element.id != id;
          });
          console.log(id + " Removed");
        }
      }
    });