vue的一些坑（次日）

首先啊感谢一位小童鞋的指出其实我写的这些内容算不上坑，只是平时使用的时候的一点小问题，不过只是个名字啦！再次致谢

1：两个简写的命令

v-bind:class能够简写为  :class

v-on:click能够简写为  @click

2：这里解释一下上面为何会提到v-bind:class

若是你在vue项目里面想要对一个标签添加一个class的话，就必需要用到这个东西了，而后嘞！

这个v-bind:class后面的语句有特殊的写法，不可以直接放个类名在哪里，这里一般是须要写成对象形式的，数组也能够;

这里又引伸出另一个问题了，若是说当前操做的这个对象没有这个属性该怎么办--》以下

item里面没有checked这个属性怎么办？

:class="{'check':item.checked}"

这个时候咱们就须要在js里面须要用到这个属性的方法里面添加

if(typeof item.checked == 'undefind')(由于没有这个属性因此在用的时候会提示undefind)

Vue.set(item,'checked',true)至关于给item注册了一个checked(详情参考文档)　　　　　　　　　　　　　　

这里注册的这个属性是全局的，也可使用 this.$set(....);同上效果同样只是做用域的区别

3：过滤器

Vue.js 容许你自定义过滤器,过滤器的写法官方文档有，这里再也不赘述

就说一下全局过滤器这个东西，他能够在这个项目的任何一个页面进行调用，而局部的过滤器只能在当前实例内部进行使用

并且这个全局过滤器的写法还有点特殊，在vue1+里面过滤器里面的参数中间是经过空格进行传入的。可是在2.0里面是写在过滤器里面用 ‘ ,’ 隔开，

更加的像是调用函数，filterName（num1,num2,...）;

Vue.js 容许你自定义过滤器，可被用做一些常见的文本格式化。过滤器能够用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示；{{ message | filter }}

过滤器还能够串联：{{ message | filterA | filterB }}4:前台展现的时候若是须要小数点的话尽可能把这个事情交给后台去处理，直接更改数据，并不是咱们前端作不到，只是这个在前端使用value.toFixed()的时候会出现精度上面的损失，这个尽可能让后台处理一下数据。

结语：由于今天别的事情耽误了，因此学习的东西比较少，暂时就分享到这里。