lowercase

{{ str | lowercase }}

<div id="app">
  <p><input v-model="str"></p>
  <p>{{ str | lowercase }}</p>
</div>
new Vue({
  el: '#app',
  data: {
    str: 'ABC'
  },
  filters: {
    lowercase(value) {
      if (!value) return ''
      value = value.toString()
      return value.toLowerCase()
    }
  }
})