vue.js指令，会在前面加上一个红星，也可以加其他的字符

用途：表单中，有些是必填项，需要在选项前面加上一个红星，用指令很方便实现重用

Vue.directive('redStar', {
  inserted (el, binding) {
    let txt = el.innerHTML;
    el.innerHTML = `<span style="color: red;font-weight: bold;">${binding.value || '*'}</span>&nbsp;${txt}`;
  }
});

<span v-redStar>选择产品类型</span>

效果图：

image.png