vue过滤器

过滤器有全局过滤器和组件内过滤器

​ 全局过滤器Vue.filter(‘fn’.function(val){…})

​ 组件内过滤器filters:{fn(val){…}}

​ {{msg | fn}}

这里不用模板,直接写到div中,并且使用组件过滤器

这里的 “翻转输出:{{ instring | reversal }}”中第一个instring为参数传入到第二个函数中。
vue过滤器_第1张图片
下面为传入两个参数情况

vue过滤器_第2张图片
使用全局过滤器,注意全局过滤器是Vue.filter,后面没有‘s’。(组件过滤器才有‘s’)
vue过滤器_第3张图片
this:平常使用的this是windows给我们的对象

Vue里面的this是Vue封装给我们的对象

vue过滤器_第4张图片

你可能感兴趣的:(vue2,前端,vue.js,javascript,前端)