143.Vue-循环渲染的key，过滤器 day03

1.循环渲染的key

我们在循环渲染时常常更新显示，倘若此时用index当作每个元素的标识符则可能出现误操作的现象，而key就是帮助我们辨识两个元素的官方方法

倘若没有key 则默认有相同的key，新元素会复用就元素的dom结构

最主要的问题就是在对应循环生成的内容进行删除的时候会错误的删除

2.过滤器

1.语法

<div>{{3 | addZero}}</div>
<script>
// 构建vue实例
           new Vue({
               el:"#my",
               data:{
               },
               // 方法
               methods:{
 
               },
               // 定义本地过滤器
               filters:{
                   addZero:function(value){
                       return value.toFixed(2);
                   
                   }
               }
           })
</script>

在插值表达式里面用“|”将值与过滤器分开

然后在Vue实例与data和method同层次的地方定义本地过滤器

过滤器的应用场景有很多比如单位转换、数字打点、文本格式化、时间格式化之类的等