vue 中 filters过滤器的用法、作用
对象里面的字段并不是直接渲染在页面中,而是需要把数据处理过后的内容显示在页面上,做法:利用vue提供的filter钩子,实现数据的过滤处理再渲染处理过后的内容。2、过滤器函数始终以表达式的值作为第一个参数,带引号的参数视为字符串,而不带引号的参数按表达式计算。2、值会缓存,在我们要监听的数据没有变化的时间,是不会去执行对象相对应的数据是(性能比较好)1、Vue.filters()是在全局注册的一个
·
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、值不会缓存,会重新执行里面的操作
应用场景:
当传递的值不一样时,是不能用计算属性的
更多推荐
已为社区贡献3条内容
所有评论(0)