<!-- 一个唯一的key值,不推荐用index做,因为会非常消耗性能.一般会用ID -->
<div v-for="(item, index) of list" key = "id">
{{item.text}} -----> {{index}}
</div>
如何让数组改变？
方法1：通过vue变异方法来修改
方法2：改变list的引用
模板占位符可以用来包裹，并且在渲染的时候不渲染到页面，这就是模板占位符的作用。
对象的循环
<div v-for="(item, key, index) of userInfo">{{item}}-->{{key}}-->{{index}}</div>
item是值，key是键，index是下标。
如何修改呢？
vm.userInfo.name = "Dell Lee";
如何添加呢？修改引用。
vm.userInfo=
{
name:
'Dell'
,
age:
28
,
gender:
'male'
,
salary:
'secret'， aaa: 'bbb' 这一项是添加的
}
但是这样的修改方法是不是太麻烦了呢？
请看对象的set方法：
请看数组的set方法：
