vue自定义指令

自定义全局指令：

<script>
Vue.directive('focus', {
        inserted: function (el) {//元素调用获取光标（调用方法：v-focus,具体如下行注释）
//<input type="text" class="form-control" v-model="msg" v-focus>
            el.focus();
        }
    });
</script>

自定义私有指令:

<script>
let vm = new Vue({
        el: "#app",
        data: {
            msg: '',
        },
        directives: { // 自定义私有指令
            color: function (el, binding) {//双向绑定的数据显示颜色为红色
//（调用方法： <h3 v-color="'red'">{{ msg }}</h3>）
                el.style.color = binding.value
            }
        }
    })
</script>

注意这里的" 'red' "必须加上引号，否则会被当做变量。