Vue

by Dedi Wibisono

HTML

<div id="app">
   <input type="text" v-model="message" />
   <h4>{{ message | uppercase }}</h4>
</div>

Vue

/*Vue.filter('uppercase', function (value) {
   return value.toUpperCase()
})*/

new Vue({
  el: '#app',
  data: {
    message: 'foo'
   },
   filters: {
  	toUpperCase: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)
  }
}
})