Vue 2 vs Vue 1

Vue 2 breaking change.

by Theara Yuom

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.js"></script>
<script src="https://rawgit.com/RobinHerbots/Inputmask/3.x/js/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/js/inputmask.js"></script>
<div id="app" class="container">
  <h1>
    Vue {{ vueVersion }}
  </h1>
  <form>
    <h3>
    Phone Number:
    </h3>
    <input type="text" v-model="phone" v-input-mask
      data-inputmask="'mask': '+7 (999) 999-9999'"
        />
        
        <h4>
        Entered: {{ phone }}
        </h4>
  </form>
</div>

JavaScript

onload = function() {
  Vue.directive('input-mask', {
    bind: function(el, obj, vModel) {
      //Inputmask({}).mask(el);
      var mask = new Inputmask({
  autoUnmask: true,
});
mask.mask(el);
    }
  })

  var vm = new Vue({
    el: '#app',
    data: {
      vueVersion: Vue.version,
      phone: ""
    }
  });
}