如何修改vue.js 1.0的演示應用於vue.js 2.0？

Question

演示：

使用VUE 1.0，它的工作原理：https://jsfiddle.net/0qudfr48/1/

使用VUE 2.0，這是行不通的：https://jsfiddle.net/0qudfr48/

兩個演示的代碼是VUE的一樣，只有vesions .js是不同的。

如何修改適用於vue.js 2.0的演示？

Answer 1

v2存在兩個重大更改。

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) => { 
...