컨텐츠 필터링에 사용되는 사용 뷰 글로벌 필터 CRUD 시간을 추가

사용 필터 
    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을 물었다