title: Sortable.js with Vue 2.0 sorts incorrectly
body: <p>I am using Sortable.js and Vue.js. The goal is to sort items and keep data updated.</p>
  
  <p>It worked well with Vue 1.x, but after update to 2.0 sorting became incorrect. Array still properly updates, but items in DOM are in the wrong places.</p>
  
  <pre><code>new Vue({
    el: '#app',
    template: '#sort',
    data: function() {
      return {
        items: [
          "http://placehold.it/200X300?text=image1",
          "http://placehold.it/200X300?text=image2",
          "http://placehold.it/200X300?text=image3",
          "http://placehold.it/200X300?text=image4"
        ],  
      }
    },
    mounted: function() {
      this.$nextTick(function () {
        Sortable.create(document.getElementById('sortable'), {
          animation: 200,
          onUpdate: this.reorder.bind(this),
        });
      })
    },
    methods: {
      reorder: function(event) {
          var oldIndex = event.oldIndex,
              newIndex = event.newIndex;
          this.items.splice(newIndex, 0, this.items.splice(oldIndex, 1)[0]);
  
      } 
     }
  });
  </code></pre>
  
  <p>jsFiddle
  <a href="https://jsfiddle.net/4bvtofdd/4/" rel="nofollow">https://jsfiddle.net/4bvtofdd/4/</a></p>
  
  <p>Can someone help me?</p>