顾名思义 和 js for循环差不多咯  直接看代码


v-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



v-for_构造器_02


上面这个代码 和 最上面那个代码 多了一个{{$index}} 这个不是随便起的 这个是vue规定的就叫{{$index}} 这个是获取数组索引,并且展示出来,


展出出来是

0-one

0-two


v-for_数组_03


这段代码有些乱,一点一点讲,

首先 我吧数组索引换成了(num, sss) 下面的显示索引的换成了{{num}}

这个方法是vue提供的,如果不想用 vue提供给的{{$index}}就可以这么玩,自己起名字 (显示的索引,循环的索引) of arr 展示索引的时候 {{显示的索引}}


v-for_构造器_04

上面 这段代码 证明了 vm可以理解未 data数据中心,显示出来是

0-one

1-two

2-three

嗯 push是 js原生的 给数组添加元素的方法。


以下js原生的操作数据的方法 总共就这么几个,都可以在vue里面用,大家可以自己试试,


push()给数据末尾添加一个或者多个元素

pop()删除数据末尾最后一个元素

shift()把数组的第一个元素删除

unshift()给数组的开始添加一个或者多个元素*/

splice()方法向/从数组中添加/删除项目

sort()排序

reverse() 颠倒数组中元素的顺序。


v-for_数组_05