V-mask plugin playground

by Max Liashuk

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/v-mask/dist/v-mask.min.js"></script>
<div id="app">
  <p v-for="user of userData">Nome: {{ user.name }} | Contato: {{ (user.cellphone || '') | VMask('(##) # ####-####') }}
  </p>
</div>

JavaScript

// Use as plugin
Vue.use(VueMask.VueMaskPlugin);

new Vue({
  el: '#app',
  data: {
    userData: [{
      name: 'Bob',
      cellphone: null,
    }, { 
      name: 'John',
      cellphone: "3333333333"
    }, { 
      name: 'Daniel',
      cellphone: "4444444444"
    },]
  }
})