自定義指令主要有兩種方式。
一是在元件裡以directives的選項來自定義指令的內容。這樣的自定義指令是區域性的自定義指令，只在當前的元件裡面才能使用。
<
script
>
export
default ,
directives: ;
arr =
arr.
join(
';');
el.style.
csstext =
arr; }
} }}
script
>
二是在全域性註冊，用vue.directive('name',{})的方式自定義指令。
vue.
directive(
'myorder' , ;
arr =
arr.
join(
';');
el.style.
csstext =
arr; }
})指令中常用的鉤子函式有inserted，bind等。
上面的指令功能：設定css樣式
<
pv-myorder=""
>hello , world p
>
Vue自定義指令
vue有很多內建的指令，比如說v on，v model，v clock等等，每乙個指令會完成一定的功能，但是這些內建的指令總會有些侷限性，要是能夠自定義指令就好了 vue的自定義指令分類 全域性指令和區域性指令 vue指令的定義和用法 以全域性指令為例 1.語法 vue.directive 指令id...
VUE 自定義指令
dom插入便獲取焦點 vue.directive focus 根據指令的值決定自否獲取焦點 vue.directive focus 注 被拖拽的元素必須有定位樣式 vue.directive drag function el,binding document.nm useup function 拓展...
Vue自定義指令
其中，引數1是指令的名稱，注意，在定義的時候，指令的名稱前面，不需要加 v 字首了，在呼叫的時候，必須在指令名稱前面加上 v 字首來進行呼叫。引數2 是乙個物件，在這個物件上，有一些指令相關的函式，這些函式可以在特定的階段，執行相關的操作。bind 每當指令繫結到元素上的時候,會立即執行這個 bin...