vue.js 1.0のデモを修正してvue.js 2.0に適用するにはどうすればよいですか？

Question

デモ：VUE 1.0を使用して

、それは動作します：https://jsfiddle.net/0qudfr48/1/

をVUE 2.0を使用して、それが動作しません：https://jsfiddle.net/0qudfr48/

2つのデモのコードは、VUEの唯一vesions同じです.jsは異なります。

デモを変更してvue.js 2.0に適用するにはどうすればよいですか？

Answer 1

v2では2つの大きな変更があります。

1. V-ため https://vuejs.org/v2/guide/migration.html#v-for-Argument-Order-for-Arrays-changed

2. VM https://vuejs.org/v2/guide/migration.html#vm-set-changed

固定

を設定$：https://jsfiddle.net/0qudfr48/9/

v-for="(item, index) in items" 
... 
Vue.set(vm, 'items', mysqlData.map((item) => { 
...