自定義指令

2021-09-07 08:30:47 字數 643 閱讀 7068

directives.js 存放 自定義標籤

strict

require

scope

link

接收兩個引數

第乙個引數表示自定義指令的名稱(在頁面中使用-分隔單詞,在自定義指令中通過駝峰式命名)

第二個引數表示自定義指令處理函式

返回值是乙個物件, 用來描述我們自定義指令的

描述自定義指令的物件有一些屬性

restrict表示自定義指令的型別,四大類ecma,這四類書寫順序是任意的,可以組合使用

e:自定義元素型別的自定義指令

語法
c:class類自定義指令

語法 

m:注釋指令(應用很少)

語法
a:元素屬性自定義指令

語法 

template 表示自定義指令模板

replace 表示是否替換該元素(dom中的元素是否刪除)

自定義指令

像v if,v show等,是vue已經內建的指令,我們也可以使用directive來自定義指令 其中的blue要被引號所包裹,不然會被識別為變數來進行查詢全域性自定義指令 vue.directive focus vue.directive color var vm new vue 簡寫形式,代表我...

自定義指令

自定義指令有兩種方法 complieprovider.directive 指令名 function return restrict acem replace true,transclude true,template content return restrict acem replace true...

自定義指令

vue中有內建指令v model等 還可自定義指令 全域性指令 vue.directive focus 指令繫結時執行 inserted function el updated function 更新時執行 鉤子函式的第乙個引數指定為繫結該指令的dom元素區域性指令 var vm newvue js...