VUE directive 自定義指令

2021-08-21 04:16:33 字數 516 閱讀 6303

add

value()是設定

自定義指令中傳遞的三個引數

el: 指令所繫結的元素,可以用來直接操作dom。

binding:  乙個物件,包含指令的很多資訊。

vnode: vue編譯生成的虛擬節點。

自定義指令有五個生命週期(也叫鉤子函式),分別是 bind,inserted,update,componentupdated,unbind

bind:只呼叫一次,指令第一次繫結到元素時呼叫,用這個鉤子函式可以定義乙個繫結時執行一次的初始化動作。

inserted:被繫結元素插入父節點時呼叫(父節點存在即可呼叫,不必存在於document中)。

update:被繫結於元素所在的模板更新時呼叫,而無論繫結值是否變化。通過比較更新前後的繫結值,可以忽略不必要的模板更新。

componentupdated:被繫結元素所在模板完成一次更新週期時呼叫。

unbind:只呼叫一次,指令與元素解綁時呼叫。

VUE directive自定義指令 拖拽案例

語法如下 vue.directive id,definition id definition 在main.js中書寫vue.directive harry inserted function update function el,binding componentupdated function u...

自定義 如何自定義協議

何為自定義協議,其實是相對標準協議來說的,這裡主要針對的是應用層協議 常見的標準的應用層協議如http ftp smtp等,如果我們在網路通訊的過程中不去使用這些標準協議,那就需要自定義協議,比如我們常用的rpc框架 dubbo,thrift 分布式快取 redis,memcached 等都是自定義...

自定義控制項 自定義鐘錶

private context mcontext 畫筆 private paint mpaint 控制項的寬 private int mwidth x方向的圓心座標 private int center 鐘錶的半徑 private int mradio 圓環的寬 private int stroke...