使用原因: 想要進行一些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...