vue中自定義指令

2022-08-10 21:18:16 字數 346 閱讀 3202

在vue中自定義標籤,首先要呼叫vue中乙個directive的方法,具體方法:vue.direction('指令名稱',function());

例如我們要寫乙個關於顏色的指令,叫v-colorred:

1

vue.directive('colorred',function());

在html中,我直接用v-colorred指令就可以了,例如: 1

<

p v-colorred

>1234567890

p>

1.)再定義標籤時,前面不用加v-,但是在用的時候得加上v-;

2.)不可用vue中已經封裝好的標籤;

vue中自定義指令

鉤子函式 mounted 鉤子函式 會自動觸發的函式 生命週期 乙個例項從建立到銷毀的整個過程 vue中對元素進行識別 ref 相當於元素的id,可以使用ref為元素設定乙個唯一的標識 編號 type text v model newcar.id ref iidd this.ref s th is ...

vue中自定義指令

vue中的自定義指令分為全域性指令和私有指令 1.全域性指令 直接在vue身上繫結directive 其中directive有三個屬性 注意 自定義指令,在定義時不需要加v 字首,但是在繫結時,必須加上v 字首 doctype html en utf 8 viewport content width...

vue中的指令 自定義指令

之前我們已經了解過了內建指令,這些內建指令可以滿足我們學大部分的需求,但是在某些特殊情況下我們要對dom進行操作,這個時候我們就需要用到自定義智力了。自定義指令只有在註冊之後才能使用,兩種註冊方式 1.全域性註冊,這種定義方式可以在全域性進行使用 第一次引數是指令id,第二個引數是乙個定義物件或函式...