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

简介: 今天,在写关于Vue2.0的代码中发现 $key这个值并不能渲染成功,问题如下:结果这个对象的key值并不能够显示:后来查阅了文档才知道,这是因为在Vue2.

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

这里写图片描述

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

这里写图片描述

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

丢弃了:

这里写图片描述

新数组语法
value in arr
(value, index) in arr

新对象语法
value in obj (value, key) in obj
(value, key, index) in obj

解决后:

这里写图片描述

这里写图片描述

相关文章
|
3天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
3天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
3天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
2天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
11 2
|
2天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
2天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
9 1
|
10天前
|
JavaScript
vue学习(4)数据绑定
vue学习(4)数据绑定
32 10
|
10天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
31 9
|
10天前
|
JavaScript 开发者
vue学习(5)
vue学习(5)
25 7
|
7天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem