自定义全局指令：
<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' "必须加上引号，否则会被当做变量。
网友评论