vue directives

by kordarei

HTML

<div id="app">
  <input v-colour.borderless="`red`">
</div>

JavaScript

Vue.directive("colour", function(el, binding, vnode) {
  el.style.background = binding.value;
  if (binding.modifiers.borderless) {
    el.style.border = "none";
  }
});

new Vue({
  el: "#app",
  data: {
    value: ""
  }
})