vue中v-for的使用,离不开的数组
来源:互联网 发布:juniper networks mac 编辑:程序博客网 时间:2024/05/18 21:11
先引入一个例子:
HTML
<ul id="example-2">
<li v-for="(item, index) in items">
{{ parentMessage }} - {{ index }} - {{ item.message }}
</li>
</ul>
JS
var example2 = new Vue({
el: '#example-2',
data: {
parentMessage: 'Parent',
items: [
{ message: 'Foo' },
{ message: 'Bar' }
]
}
})
结果:
这里为什么要写这个v-for呢?是因为它涉及到了JavaScript的迭代器,就是数组的迭代。
数组索引仅是可枚举的整数名,其他方面和别的普通对象属性没有什么区别。for...in 并不能够保证返回的是按一定顺序的索引,但是它会返回所有可枚举属性,包括非整数名称的和继承的。
因为迭代的顺序是依赖于执行环境的,所以数组遍历不一定按次序访问元素。 因此当迭代那些访问次序重要的 arrays 时用整数索引去进行 for
循环 (或者使用 Array.prototype.forEach()
或 for...of
循环) 。
如下图的测试:
0 0
- vue中v-for的使用,离不开的数组
- vue的v-for使用
- Vue 中使用v-for语句抛出错误的解决方案
- vue.js中v-for的使用及索引获取
- Vue中v-for的数据分组
- vue中v-if与v-for的区别
- Vue v-for 的反面教材。
- vue中使用v-for,出现告警!
- vue 中,v-for和v-if同时使用
- vue v-for数组倒序
- 使用vue的v-for与v-if遇到的一个问题
- 使用vue中的v-for遍历二维数组
- Vue.js v-for的简单demo
- vue v-for遇到的坑
- vue的v-for小练习表单
- vue规定v-for循环的次数
- vue.js 中的在v-for节点中嵌入 v-if 的解释
- vue中如何在v-for中动态的使用将index拼接字符串后绑定id属性
- IAP与APP互相跳转的实现
- 设计模式六大原则(2):里氏替换原则
- git命令使用-patch
- Initializing a Callout Driver
- 在xcode8中使用真机调试错误解决办法
- vue中v-for的使用,离不开的数组
- hibernate一对多、多对多级联保存与级联删除与修改外键
- Elasticsearch 5.0版本 学习二、修改数据
- 图像无缝融合研究(一)Poisson Image Editing
- handle.post 跳到主线程中执行
- 详解@SessionAttributes
- requestWindowFeature(Window.FEATURE_NO_TITLE)无效
- [LeetCode]189 Rotate Array
- C++内部函数和外部函数