A Vue.js filter that formats a phone number. Adapted for Vue.js 2.0

index.html

<div id="vue">
       <input type="text"
              name="home_phone"
              class="form-control"
              v-model="homePhone"
              v-on:keyup="formatPhone()"
              lazy>
</div>

vuejs-filters-phone.js

/**
 * Formats a phone number.
 * Example: 123-456-7890 => (123) 456-7890
 *
 * @param {String} phone
 * @return {Void}
 */
var v = new Vue({
    el: '#vue',
    data: {
        homePhone: ''
    }, methods: {
        formatPhone: function() {
            this.homePhone = this.homePhone.replace(/[^0-9]/g, '').replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
        }
    }
});