1.定义一个过滤器

// color-directive.tsimport { DirectiveOptions } from 'vue'const directive: DirectiveOptions = {    inserted(el, node) {        /**         * Using value:         * v-colorDirective={color: 'red', backgroundColor: 'blue'}         */        if (node.value) {            el.style.backgroundColor = node.value.backgroundColor;            el.style.color = node.value.color;        }        /**Using modifiers:         * v-colorDirective.color         * v-colorDirective.backgroundColor         */        if (node.modifiers.color){            el.style.color = node.value;        }        if (node.modifiers.backgroundColor) {            el.style.backgroundColor = node.value;        }    }};export default directive;

2.使用

 

.