Vuejsの道の--フィルターのあれらの事

1352 ワード

フィルタは、正直に言うと、その主な目的はテキストを処理することです.テキストを一定のフォーマットで出力したり、表現したりします.さまざまなテキストのニーズを満たすために、
公式には、多重化できるため、一般的なテキスト変換として使用できます.
例:
フィルターはどこで使えますか?
2つの場所:mustache補間とv-bind式.
フィルタも直列に接続でき、直列に接続する方式もパイプ文字を利用し、その名の通り前のフィルタで処理した出力を後のフィルタの入力として利用する
var vm = new Vue({
	el:"#container",
	data:{
		datas:"    ",
		abs:"qwrwqrqwrqwrqwrdsfsdfyrtytu"
	},
	filters:{
		upperCase:function(val){
			console.log(val),
			console.log(arguments[1])
			return val.toUpperCase()
		},
		addString:function(ele1,ele2){
			console.log(arguments[0],arguments[1],arguments[2])
			console.log(ele1);//         
		console.log(ele2);//            
		console.log(arguments[2])//           
		console.log(ele1+ele2+arguments[2])
			//    arguments[0],ele1            (      ),             ,         
			return ele1+ele2;
			//        ,                    (     ),                    ,    
		}
	},
	methods:{
		check:function(vals){
			alert(this.datas+vals)
		}
	}
})

さらに注意したいのはフィルタです.フィルタによって定義すると、この関数の最終的な結果は必ず戻り値があることがわかります.加工工場のように、入るものは必ず出ます.そうすれば、本当のフィルタになります.
1.関数の最終結果には必ず戻り値がある.
2.一般的なテキスト変換を処理する.
3.式の値(前の操作チェーンの結果、はっきり言ってフィルタ前の値)を最初のパラメータとして受け入れ、他のパラメータを後回しにします.つまり、フィルタ関数をどのように定義しても、呼び出しの過程で最初のパラメータは式の値であり、2番目のパラメータからカスタムパラメータになります.
4.直列可能
5.命令の略は主にv-on:になった@,v-bind:になった:,その他は何もない