-
全局自定义标签的使用（任何一个实例化标签都可以使用）
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
}
}
}
}
