顾名思义 和 js for循环差不多咯 直接看代码
首先 先说一下 把vue构造器 赋值给变量vm 目前 理解 vm代表的就是 构造器里面的 data 。 for里面不用传in了哦,是of 这个看清楚。
v - for='index of arr“
arr对应data里面数组
index 是 arr数组的索引(这个名字随便起的哈 也可以叫aaa)
li里面的{{index.message}} message是arr数组对象里面的属性名 index 是数组索引
页面上出来是
one
two
上面这个代码 和 最上面那个代码 多了一个{{$index}} 这个不是随便起的 这个是vue规定的就叫{{$index}} 这个是获取数组索引,并且展示出来,
展出出来是
0-one
0-two
这段代码有些乱,一点一点讲,
首先 我吧数组索引换成了(num, sss) 下面的显示索引的换成了{{num}}
这个方法是vue提供的,如果不想用 vue提供给的{{$index}}就可以这么玩,自己起名字 (显示的索引,循环的索引) of arr 展示索引的时候 {{显示的索引}}
上面 这段代码 证明了 vm可以理解未 data数据中心,显示出来是
0-one
1-two
2-three
嗯 push是 js原生的 给数组添加元素的方法。
以下js原生的操作数据的方法 总共就这么几个,都可以在vue里面用,大家可以自己试试,
push()给数据末尾添加一个或者多个元素
pop()删除数据末尾最后一个元素
shift()把数组的第一个元素删除
unshift()给数组的开始添加一个或者多个元素*/
splice()方法向/从数组中添加/删除项目
sort()排序
reverse() 颠倒数组中元素的顺序。