温馨提示：本文共1011个字，读完预计3分钟。
Vue列表渲染
-
for-in和for-of推荐使用for-of
-
v-for循环key推荐用数据的key值
数组变更方法
-
使用vue数组方法变更
在vue的for循环中直接改变数组的值，不能引起页面的一起变化。需要使用vue数组的方法
2.改变引用
重新给绑定一个新的list，给一个新的引用地址
数组循环中可以使用template占位符标签
使用templete的好处是最终的渲染结果将不包含 <template> 元素。
对象的循环
可以在for-in中用key去获取对象中的键值
对象循环增删键值只能改变对象的引用
1.页面实时响应的效果应该使用数组的方法
采用vue提供的数组变异方法改变数组，才能实现数据变化（7个）
pop: 删除数组最后一项
push：在数组末尾添加元素
shift: 把数组第一项删除
unshift：往数组第一项加内容
splice：数组截取 向/从数组添加/删除项目，并返回删除的项目。这种方法会改变原始数组。
vm.list.splice(index,howmany,item1,...,itemX) //(指定位置，要删除的项目数，要添加在数组中的新项目)
sort：对数组进行排序
reverse：翻转数组（数组取反）
2.通过改变数据的引用地址
list=[] 将list引用给一个另外的数组
vm.list = [{
id: "012311"
text: "Bye"
}, {
id: "012313"
text: "Dell"
}]
template模板占位符 不会渲染到页面上，可以用于包裹元素
把对象的内容循环展示到页面上
<div v-for="(item,key,index) of userInfo">{{item}} --- {{key}} -- {{index}}</div>
key: 对象的键名
item：对象的键值
index：对象的位置信息
修改原有数据并渲染到页面上 vm.userInfo.name = "Mike Lee"
新增数据并渲染到页面上 修改对象的引用值 userInfo = {}
vm.userInfo = {
name: "Dell",
age: 28,
gender: "male",
salary: "secret"，
address: "beijing"
}
}
