可復用技術之2 指令directive

2021-10-09 23:32:48 字數 1911 閱讀 1557

使用原因: 想要進行一些dom操作

使用方式: 通過 v-name來進行使用

全域性指令:

vue.

directive

('name'

,//指令繫結之後執行,只繫結一次

inserted

(el)

//插入之後,實現頁面重新整理自動聚焦

update //當所在元件的內容發生改變時呼叫

componentupdated

unbind //只呼叫一次

引數:el:當前指令繫結的dom元素

binding:物件,指令的詳細引數

vnode:

虛擬節點

(返回值是物件)

oldvnode:原始的虛擬節點,僅在update或componentupdated中使用

})

例項:

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

"../vue.js"

>

<

/script>

window.

onload

=function()

,inserted

(el)})

vue.

directive

('mychange',,

})newvue(,

methods:

, components:})

}<

/script>

<

/head>

>

'value'

>hello<

/h1>

//注:value是vue例項中的data中的變數,將value給binding

"text" v-model=

'value'

>

<

/div>

<

/body>

<

/html>

區域性指令:

例項:

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

"../vue.js"

>

<

/script>

window.

onload

=function()

, methods:

, components:

, directives:

,update

(el,binding,vnode,oldvnode),}

}})}

<

/script>

<

/head>

>

}"text" v-myfocus=

'str' v-model=

'str'

>

<

/div>

<

/body>

<

/html>

2 指令字首

怎麼判斷是不是字首指令呢?字首指令就幾個,很好確定,根據指令的內容來確定 字首指令最多是4個,每組乙個 1 lock 和repeat字首指令 lock f0 鎖位址匯流排的 在同一時刻只能有乙個核的cpu來讀取那條指令,這個指令在多核下才有意義 repne repnz f2 重複執行 當zf是0的時...

Angular2 指令 路由指令

routeroutlet的作用是在模板中開闢出一片區域,用於顯示url所對應的元件,angular將模板中使用了 標籤的元件統稱為路由元件 router outlet main routerlink接收乙個連線引數陣列,angular將根據該陣列來生成urltree例項進行跳轉。routerlink...

apache2 指令訪問

apache2 的指令按輸入 分為兩種 一種稱為 command directive,是在命令列下通過 c c 引數輸入的,一種是 resource directive 是在配置檔案中配置的。兩種指令會通過合併,儲存到 指令樹 conftree 中。process command config ap...