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

今天,在写关于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

解决后:

时间: 2024-09-14 12:15:58

Vue2.0中v-for迭代语法变化(key、index)的相关文章

vue2.0中引入wangEditor2 步骤与坑

安装:官方给出了如下安装方式 点击 https://github.com/wangfupeng1988/wangEditor/releases 下载最新版 使用git下载: git clone https://github.com/wangfupeng1988/wangEditor.git 使用npm安装: npm install wangeditor (注意 wangeditor 全部是小写字母) 使用bower下载:bower install wangEditor (前提保证电脑已安装了bo

概述VUE2.0不可忽视的很多变化_javascript技巧

今天使用webpack-sample初始一个vue-cli项目,在app.vue文件中添加了个钩子函数ready,可是ready内的事件一直不执行,检查了webpack文件和package.json也没发现什么问题,浏览器也没报错或者提示,很令人捉急.然后去github看了webpack-simple源码,才发现原来vue init webpack-simple默认安装的vue是2.0版本.马上推测到是不是因为vue2.0废弃了ready的用法,果然不出所料,我真是太机智了.看了下vue2.0的

看看C# 6.0中那些语法糖都干了些什么(中篇)

接着上篇继续扯,其实语法糖也不是什么坏事,第一个就是吃不吃随你,第二个就是最好要知道这些糖在底层都做了些什么,不过有一点 叫眼见为实,这样才能安心的使用,一口气上五楼,不费劲.   一:字符串嵌入值 我想String.Format方法就是化成灰大家都认识,比如下面代码: class Bird { private string Name = "swallow"; public void Fly() { var result = string.Format("hello {0}&

《HTML5移动应用开发入门经典》—— 2.4 HTML5中的HTML语法变化

2.4 HTML5中的HTML语法变化 HTML5移动应用开发入门经典HTML5与HTML 4之间的语法变动并不大.标签仍位于"<"与">"之间,文档开头仍为doctype,而文档内容仍被闭合于标签内. 大部分人意识到的最大的改变是doctype.如第1章所述,它已被彻底简化--仅需要写为html>,可以为小写或大写,甚至是大小写随意混合. 如果使用工具软件生成HTML--而它不使用简化的doctype(译者注:例如旧的office系列),可以在d

red hat 9.0中 输入gcc -v 提示command not fount 是不是没安装?怎样安装

问题描述 red hat 9.0中 输入gcc -v 提示command not fount 是不是没安装?怎样安装javac 等也是一样 解决方案 可能没安装,也可能安装了,路径不在环境变量PATH里:在终端了打入命令 #find / -name gcc 看一下结果中有没有显示gcc,若有的话,在/etc/profile中的最后一行添加:PATH=$PATH:<path> <path>为包含gcc命令的目录名若系统中不包含gcc命令,此时可以用光盘安装,参考:http://www

第四章 在MVC4.0中对脚本以及样式表的引用变化

原文:http://www.cnblogs.com/xdotnet/archive/2012/07/21/aspnet40_webpage20.html 一.可以直接使用"~",而无需使用Href对象实例 这个是一大变化,给我们ASP.NET MVC开发人员带来了很便捷的代码书写方式,提高不少效率.在MVC3.0中加入我们需要加入一张图片时,需要在IMG标签的SRC属性加上 Url.Content或Href对象方法等来对路径进行解析.在WebPage 2.0中Razor模板引擎能够自动

深入Vue2.0底层思想–模板渲染

初衷 在使用vue2.0的过程,有时看API很难理解vue作者的思想,这促使我想要去深入了解vue底层的思想,了解完底层的一些思想,才能更好的用活框架,虽然网上已经有很多源码解析的文档,但我觉得只有自己动手了,才能更加深印象. vue2.0和1.0模板渲染的区别 Vue 2.0 中模板渲染与 Vue 1.0 完全不同,1.0 中采用的 DocumentFragment (想了解可以观看这篇文章),而 2.0 中借鉴 React 的 Virtual DOM.基于 Virtual DOM,2.0 还

浅析PHP7新功能及语法变化总结_php实例

标量类型声明 有两种模式: 强制 (默认) 和 严格模式. 现在可以使用下列类型参数(无论用强制模式还是严格模式): 字符串(string), 整数 (int), 浮点数 (float), 以及布尔值 (bool).在旧版中,函数的参数声明只能是(Array $arr).(CLassName $obj)等,基本类型比如Int,String等是不能够被声明的 <?php function check(int $bool){ var_dump($bool); } check(1); check(tr

浅析PHP7新功能及语法变化总结

标量类型声明 有两种模式: 强制 (默认) 和 严格模式. 现在可以使用下列类型参数(无论用强制模式还是严格模式): 字符串(string), 整数 (int), 浮点数 (float), 以及布尔值 (bool).在旧版中,函数的参数声明只能是(Array $arr).(CLassName $obj)等,基本类型比如Int,String等是不能够被声明的 <?php function check(int $bool){ var_dump($bool); } check(1); check(tr