vue全局过滤器案例

<div id="box">
 		<!-- !!!注意 过滤去只能在  v-bind 和 {{}} 中用 -->
 		// 使用   谁要被过滤|过滤器名
 		//全局过滤器
        <!-- <p v-text='num | abc'></p> -->	//全局过滤器结果54321
		
		//局部过滤器
		<div> {{'123'|abc|list}}</div> //局部过滤器打印结果cba张三  
		//局部过滤器第一个参数不写{{'123'}}这个参数不写是denifednu
</div>
<script>
        //全局过滤  
        Vue.filter('abc',function(da){
            return String(da).split('').reverse().join('')
        })
        new Vue({
            el:"#box",
            data:{
                num:12345
            },
            //局部过滤器
            filters:{
                list(da){
                    console.log(da)
                    return da+张三
                }
            }
        })
</script>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值