vue的一些坑（第二天）

Posted 2020-10-02

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

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()的时候会出现精度上面的损失，这个尽量让后台处理一下数据。

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