Vue Filter

김민준·2023년 2월 23일
0

Frontend

목록 보기
9/14
post-thumbnail
  • 필터는 전역에 선언되어 이 필터가 어떻게 동작하는지 확인하려면 해당 함수가 선언된 파일을 찾아봐야하지만 Computed를 사용하면 해당 컴포넌트내에 있어서 찾기 좋음

  • 필터를 걸고 싶을 때 사용

  • HelloWorld.vue

<template>
  <div>
    {{ message | uppercase }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue.js'
    }
  },
  filters: {
    uppercase: function (value) {
      return value.toUpperCase()
    }
  }
}
</script>
profile
이번엔

0개의 댓글