vue.js自定义指令

// 自定义全局指令
Vue.directive('focus', {
    inserted: function (el) {
        el.focus();
    }
});

<input type="text" class="form-control" v-model="msg" v-focus>

let vm = new Vue({
    el: "#app",
    data: {
        msg: '',
    },
    directives: { // 自定义私有指令
        color: function (el, binding) {
            el.style.color = binding.value
        }
    }
})

<h3 v-color="'red'">{{ msg }}</h3>