vue自定义标签(directives)

• 全局自定义标签的使用（任何一个实例化标签都可以使用）

  Vue.directives("focus",
  bind:function(el,binding,vnode){
  el.focus()
  }
  )

• 私有的自定义标签的使用（只属于一个私有的实例化标签）：

1.第一种写法

<template>
       <div>
            <inout type=text v-focus/>
        </div>
</template>
export default{
    data(){
        return{
        }
     },
    directives:{
        "focus":{
            bind:function(el,binding){
                el.focus()
            }
        }
      }
    }
}

2.第二种写法：

<template>
     <div>
          <input type="text"  v-border=" ' 1px solid red ' " v-model="txtInput"/>
     </div>
</template>
export default{
    data(){
        return{
            txtInput:""
        }
    },
    directives:{
        "border":{
            bind:function(el,binding){
                el.style.border=binding.value
            }
        }
    }
}