列表渲染，列表过滤，列表排序

v-for指令
1.用于展示列表数据
2.语法: v-for=“(item,index) in xxx” ekey=“yyy”
3.可遍历:数组、对象、字符串（用的很少)、指定次数（用的很少)

<! -- 遍历数组-->
<h2>人员列表（遍历数组）</h2>
<ul>
<li v-for="(p,index) of persons" ;key="index">
{{p.name}}-{{p.age}}
</li>
</ul>

<!-- 遍历对象-->
<h2>汽车信息（遍历对刻</h2>
<ul>
<li v-for="(value,k) of car" :key="k">
{{k}}-{{value}}
</li>
</ul>

<!--遍历字符串 -->
<h2>测试遍历字符串（用得少）</h2>
<ul>
<li v-for="(char,index) of str" :key="index">
{{char}}-{{index}}
</li>
</ul>

---

key:

如果没写key，vue将自动将index作为key，用index作为key的缺陷

渲染的时候会通过diff算法对比，我们老刘改变了，

但是这个东西没变，就只将张三18变成老刘30！！

那为什么用id作为key不会有问题：因为diff算法不会因为插入导致下标改变从而出现对比错误！！！

---

列表过滤

第一种写法：监视属性

第二种写法：计算属性

---

列表排序