comma

<div id="app">
  <p><input type="number" v-model="num"></p>
  <p>{{ num | comma }}</p>
</div>

new Vue({
  el: '#app',
  data: {
    num: 1234567
  },
  filters: {
    comma(value) {
      if (!value) return ''
      value = value.toString()
      return value.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
    }
  }
})