vue中index.html怎么写事件,vue中使用$index报错怎么解决？

vue中使用$index报错怎么解决？下面本篇文章给大家介绍一下vue1.0中$index一直报错的解决办法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

Vue.js v1.0.21的vue循环数组当中的使用的是$index 和 $key。

Vue.js v2.5.16 的 vue 在循环数据时，循环 json 对象数据 和 arr 数组 的时候，用 $index 和 $key报如下错误。

结果是因为vue 已经移除了原来的$index 和 $key 用法, 变成了 index 和 key。

这里需要注意一下 value， key，index 的顺序， 必须是要按照这样的顺序。

代码如下：

window.onload = function () {

new Vue({

el : "#app",

data : {

arr : ["apple", "pear", "banana", "watermelon", "strawberry"],

json: {"a": "apple", "b":"pear", "c": "banana", "d": "watermelon"}

},

methods : {

add : function () {

this.arr.push("pear");

}

}

});

}

json数据类型

• {{value}} ~ {{key}} ~ {{index}}

arr数组类型

• {{value}} ~ {{index}}

更多web前端开发知识，请查阅 HTML中文网 ！！