自定義指令: 指令是個函式|物件,用來操作dom的, 裡面的this 返回window
a)全域性: vue.directive('指令名不帶v-',函式(el,binding))
el == 使用指令的dom元素
binding 是個物件 含有傳入的 引數(binding.value)
b)區域性: 定義在選項裡面
directives:
}指令是個函式(簡寫)，可以是個物件
簡寫方式: bind + update
>
"c1"
>box1<
/div>
box2<
/h3>
"position: absolute;left:0;top:0;width:100px;height:100px;background:#ccc" v-drag>
}<
/p>
<
/div>
//全域性
vue.
directive
('color'
,function
(el,binding)
)let vm =
newvue(,
//區域性
directives:
document.
onmouseup
=function()
return
false;}
}}})
<
/script>
newvue(,
],s1:
'background:red;color:blue'}}
)<
/script>
>
"text" name=
"">
"text" name=
"">
}}<
/div>
<
/div>
<
/div>
<
/div>
vue.
directive
('focus'
,(el,binding)
=>
)/* vue.directive('focus',,
bind:(el,binding)=>,
update:(el,binding)=>,
componentupdated:(el,binding)=>,
}) */
let vm =
newvue(}
)<
/script>
自定義指令的鉤子函式
doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title vue.js script 自定義指令的鉤子函式 1 ...
Vue 自定義指令 鉤子函式
除了核心功能缺省內置的指令，vue也允許註冊自定義指令 頁面載入後，讓文字框自動獲取焦點，原生js做法是獲取文字框元素後呼叫focus 方法，但vue不建議手動操作dom元素，所以此時要自定義指令 這裡需要注意的是v on指令繫結focus事件的方式是實現不了上面需求的，區別就像onfocus和fo...
VUE自定義指令鉤子函式講解
除了vue 內建指令外，vue也支援我們自定義註冊指令，分為區域性和全域性註冊 但這些想必大家都不陌生，其中官方api也是寫的明明白白 官方api點這裡 而且自定義指令也會極大程度上幫助我們日常的程式設計，但這是很有意思的事情出現了，就是鉤子函式，很多老鐵都弄不明白這五個函式的具體區別 contai...