技術標籤：jsvue

<div>{{sync | my-filter}}</div>
<div>{{mg | ya("優雅地","如廁") | my-filter}}</div>

<script>
	Vue.filter('my-filter',function(value) {   // 無引數
		return value + '哈哈'
	})
	Vue.filter('ya',function(value,arg1,arg2) {   // 有引數
		return value.replace(/拉屎/g,arg1+arg2)
	})	
	data() {
		return {
			sync:"未同步",
			mg:"我正在拉屎中"
		}
	}
</script>
 

效果：

注意：
1、 當有區域性和全域性兩個名稱相同的過濾器時候，會以就近原則進行呼叫，即：區域性過濾器優先於全域性過濾器被呼叫！
2、 一個表示式可以使用多個過濾器。過濾器之間需要用管道符“|”隔開。其執行順序從左往右