在vue中自定义全局样式指令

使用全部指令/私有指令 使用时加上V-

<span v-color="'red'">打印记录</span>

-------全局指令

Vue.directive('color',{
    bind:function(el) {//和样式相关的最好写在bind中；和js行为相关的最好写在inserted中【防止js行为不生效】。
    el.style.color='red';
    },
})

-------私有指令

directives:{//自定义私有指令
    'fontweight':{
        bind:function(el,binding) {
            el.style.fontWeight = binding.value;
        }
    },
    'fontsize': function(el,binding){
        el.style.fontsize = parseInt(binding.value) + 'px';
    }
}