vue中自定義指令

vue中的自定義指令分為全域性指令和私有指令

1.全域性指令：直接在vue身上繫結directive()，其中directive有三個屬性

注意：自定義指令，在定義時不需要加v-字首，但是在繫結時，必須加上v-字首

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
<
/head>
>
"text" id=
"txt" v-focus v-color=
"blue" v-if=
"flag"
>
<
/div>
>
"blue"
/p>
<
/div>
"lib/vue.js"
>
<
/script>
vue.
directive
('focus',}
);vue.
directive
('color',}
)var vm=
newvue(,
methods:})
<
/script>
<
/body>
<
/html>

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
<
/head>
>
"mycolor"
>這是私有指令修飾的p標籤<
/p>
<
/div>
"lib/vue.js"
>
<
/script>
var vm=
newvue(,
directives:}}
)<
/script>
<
/body>
<
/html>

vue中自定義指令

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

vue中自定義指令

在vue中自定義標籤，首先要呼叫vue中乙個directive的方法，具體方法 vue.direction 指令名稱 function 例如我們要寫乙個關於顏色的指令，叫v colorred 1 vue.directive colorred function 在html中，我直接用v colorre...

vue中的指令 自定義指令

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