1、Vue.filters()是在全局注册的一个自定义过滤器,必须放在Vue实例化之前

2、过滤器函数始终以表达式的值作为第一个参数,带引号的参数视为字符串,而不带引号的参数按表达式计算

3、可以设置两个过滤器参数,前提是这两个过滤器超参数处理的不冲突,{{ msg | filterA }}单个使用,{{ msg | filterA | filterB }}多个使用

4、用户从input输入的数据在回传到model之前也可以优先处理

应用场景:当在v-for循环渲染一个数组对象的时候。对象里面的字段并不是直接渲染在页面中,而是需要把数据处理过后的内容显示在页面上,做法:利用vue提供的filter钩子,实现数据的过滤处理再渲染处理过后的内容

5、Vue中的computed、filters的异同以及应用场景

异:

computed:

1、不能传参,只能监听预先设置好的值

2、值会缓存,在我们要监听的数据没有变化的时间,是不会去执行对象相对应的数据是(性能比较好)

filters:

1、将返回数据进行处理后返回处理结果的简单函数

2、值不会缓存,会重新执行里面的操作

应用场景:

当传递的值不一样时,是不能用计算属性的

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐