Filter

2019. 6. 10. 12:40Programming/Vue.js

Filter란?

  • 화면에 표시되는 텍스트의 형식을 편하게 바꿀 수 있도록 고안된 기능
  • | 를 이용하여 여러개의 필터를 적용할 수 있음

 

Example

{{ message | capitalize }}

 

new Vue({
  // ...
  filters: {
    capitalize: function (value) {
      if(!value) return ' '
      value = value.toString()
      regurn value.charAt(0).toUpperCase() + value.slice(1)
    }  
  }
})

 

capitalize 에 정의된 함수가 위 코드에 나타나게 됨.

'Programming > Vue.js' 카테고리의 다른 글

Binding Expressions  (0) 2020.07.16
Vue Data Binding  (0) 2019.06.24
Directives  (0) 2019.05.22
JS Expressions (자바 스크립트 표현식)  (0) 2019.05.21
v-bind  (0) 2019.05.16