vue2 filter

總結一下vue2中filter的使用

filter總結

  1. filter適合用來簡單的計算邏輯複雜點的還是使用computed與method比較推薦
  2. 使用方法全局 Vue.filter(name,callback),組建內部 new Vue({filters:{})

使用方式

{{ xxx | 過濾器名稱}}
# 也可以傳遞參數
{{ xxx | 過濾器名稱(a) }}
# 也可以串連使用
{{ xxx | 過濾器1(a) | 過濾器2(a) }}
# 過濾器函式第一個形式參數接收左側的變數,第二個參數接收過濾器函式裡面傳遞的參數
new Vue{
	filters:{
		過濾器函示(左邊的xxx值,使用時傳遞下來的參數a){}
	}
}