浅谈Vue2.0中v-for迭代语法的变化(key、index)

这篇文章主要为大家详细介绍了浅谈Vue2.0中v-for迭代语法的变化(key、index)，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

今天，在写关于Vue2.0的代码中发现 $key这个值并不能渲染成功，问题如下：

【q1010.com温馨提示：图片暂缺】

结果这个对象的key值并不能够显示：

【q1010.com温馨提示：图片暂缺】

后来查阅了文档才知道，这是因为在Vue2.0中，v-for迭代语法已经发生了变化：

 

丢弃了：

 

【q1010.com温馨提示：图片暂缺】

 

新数组语法

 

代码如下：

value in arr 
(value, index) in arr

 

新对象语法

 

代码如下：

value in obj (value, key) in obj 
(value, key, index) in obj

 

解决后：

 

【q1010.com温馨提示：图片暂缺】

【q1010.com温馨提示：图片暂缺】

以上这篇浅谈Vue2.0中v-for迭代语法的变化(key、index)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/4420-0.html

注：关于浅谈Vue2.0中v-for迭代语法的变化(key、index)的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js