사용 필터
msgFormt 필터 방법은 자신의 정의입니다
Vue.filter는 당신이 자신을 정의 전역 필터입니다. 더 S
필터 값은 하 retuen에 의해 반환되어야합니다
Vue.filter ( "msgFormt"기능 (MSG, 일) {
// 1 파라미터있어서 msgFormt
// 데이터 소스가 두 번째 변수 인 MSG,
// 세 번째 매개 변수, 자신의 <p>의 {{MSG | msgFormt ( "Feiyu")}} 매개 변수 전송 </ P> 'Feiyu'에서
리턴 msg.replace (/ 심플 / g 토륨)
});
<div ID = "애플리케이션">
<P> {{MSG | msgFormt}} </ P>
<! - - msgFormt는 필터이다>
</ div>
<script>
Vue.filter ( "msgFormt" 함수 (MSG) {
반환 msg.replace (/ 단순 / g, "악" )
})
VAR VM = 새로운 새로운 뷰 ({
EL : "#app" ,
데이터 : {
MSG는 : "나는 단순한 소년, 간단한 I 해요 , 순수 "단순한 사람이 누구인지 물었다
}
)}
</ SCRIPT>
마지막으로, 출력 페이지 내용은 원래의 클래스를 대체하는 것
나는 악한 십대, 나는, 순수 인 악, 악 사람을 물었다입니다
<div ID = "애플리케이션">
<! - - --- 자유롭게 값을 대체 할 수있는 파라미터를 전달하여!>
<P>! {{MSG | msgFormt ( "Feiyu")}} </ P > <- msgFormt는 필터 인 ->
</ div>
<스크립트> // 글로벌 필터 --- 정의
Vue.filter ( "msgFormt" 기능 (MSG, TH) {
복귀 msg.replace (/ 심플 / G를 TH가)
});
VM은 = 새 새 뷰 ({
: EL "#app" ,
데이터를 {
MSG를 : "나는 순수하고 간단한 질문, 간단한 사람이 누군지"
}
});
Feiyu 최종 출력, 나는 사람이 Feiyu입니다 Feiyu을 물었다