필터는 전역에 선언되어 이 필터가 어떻게 동작하는지 확인하려면 해당 함수가 선언된 파일을 찾아봐야하지만 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>