필터

필터

https://ryuzuka.github.io/VUE/tutorial/06_filter.html

Vue는 텍스트 형식화를 적용할 수 있는 필터를 지원합니다. 이 필터들은 중괄호 보간법 혹은 v-bind표현법 을 이용할 때 사용가능.

필터는 자바스크립트 표현식 마지막에 “파이프”심볼과 함께 추가.

( v-bind, Mustache ( {{ }} )표현식에서 사용 가능, 복잡한 데이터 변환을 해야하는 경우 computed 이용 )

<!-- Mustache -->

<div>{{ value | filter }}</div>

<div>{{ filter | filterA( 'arg1', 'arg2' ) | filterB }}</div> <!-- 체이닝 가능, 두개 이상의 인수를 받을 수 있음 -->

<!-- v-bind -->

<div v-bind:id="value | filter"></div>

// 로컬 필터 정의

new Vue({

filters: {

filter ( value ) {}

}

});

// 전역 필터 정의

Vue.filter( 'filter', function ( value ) {});