vue 高階系列之指令

2021-08-01 07:12:02 字數 438 閱讀 2433

vue裡面有一些預設的指令,如v-show,v-if,v-model….,除了這些之外,我們還可以自定義指令來對純 dom 元素進行底層操。

因為vue裡面沒有提供其他的操作dom的api,所以對dom操作的時候,可以選擇用指令的形式,特別是在v-for資料迴圈的時候需要對dom進行一些操作時,用指令可以分別對每乙個item進行操作

so…如果想對dom進行操作,選擇指令吧。又好看,又實在~~

注意:寫指令命的時候若是用駝峰如setfocus,在元素中,要用v-set-focus!

vue.directive('dir-name',

})

directives: 

}}

例子:

new vue(,

directives:

}})

Vue系列 四 之常用指令v bind

自定義元件prop 為了避免篇幅過長,常用指令我可能會分幾個篇幅來介紹。v bind api 縮寫 v bind指令主要是繫結元素的屬性 比如的src,元素的class,style,id等 和自定義元件 後面會講到 的prop。來看幾個常見的使用場景 path div var vm newvue m...

Vue基礎高階 之 自定義指令

除了內建指令,vue也允許使用者自定義指令 註冊指令 通過全域性api vue.directive可以註冊自定義指令 自定義指令的鉤子函式 bind inserted update componentupdated unbind 自定義指令的使用 在自定指令的名稱前加 上 v 自定義指令的詳細介紹 ...

vue之檔案指令

1.v bind 屬性名 變數 2.簡寫 屬性名 變數 3.class 變數 class class 類1變數,類n變數,這是乙個p段落 這是乙個p段落 這是乙個p段落 這是乙個p段落 這是乙個p段落 這是乙個p段落 這是乙個p段落 這是乙個p段落 指令 v on 事件名 方法變數 簡寫 事件名 方...