【vue】自定义指令，自动大写，自动小写

一、全局自定义指令（Vue.directive）

Vue.directive(
  'upper',{
    bind:function (el) {
    el.innerText=el.innerText.toUpperCase();
  }}
)

<div v-upper>
  abc
</div>

二、局部自定义指令(directives)

  directives: {
      lower: {
        bind: function (el) {
          el.innerText = el.innerText.toLowerCase();
        }
      }
    }

 <div v-lower>
    ABC
  </div>