Vue过滤器
过滤器分为两种,一种为单个组件的过滤器,也叫做局部过滤器,一种vue实例全局过
滤器,他可以被应用到任何地方。过滤器也可以使用多个,会依次执行。例如下例中,
会把message的当做参数传入过滤器A中进行过滤,过滤器A过滤完的数据会返回值传
入过滤器B
{{message | filterA | filterB}}
局部过滤器
1).在组件或vue实例里面使用。
2).定义的局部过滤器,只能在自己的组件内部使用
这是一个公共组件,提过一个msg的属性接口供外界传入,当做标题进行展示,但是通
常我们需要首字母进行大写,但是往往我们并不能限制到外界传入的数据,所以通过过
滤器对于外界传入的值进行过滤处理,针对未传入数据时展示空字符串,传入数据后进
行首字母大写转换,如以下局部实例
局部过滤器实例:
{{ msg | capitalize }}
Vue过滤器最先出现在Python成神之路。
共有 0 条评论