- Vue.js從入門到項目實踐(超值版)
- 聚慕課教育研發中心編著
- 371字
- 2022-07-29 14:27:36
3.2.3 鉤子函數參數

前面介紹了鉤子函數,那么它們有哪些參數呢?下面將對鉤子函數的參數進行介紹。
(1)el:指令所綁定的元素,可利用它直接操作DOM。
(2)binding:指令所綁定的值,如下所示。
①name:指令名,不包括“v-”前綴。
②value:指令的綁定值。例如v-my-directive="2+1"中,綁定值為3。
③oldValue:指令綁定的前一個值,僅在update和componentUpdated鉤子函數中可用。無論值是否改變都可用。
④expression:字符串形式的指令表達式。例如v-my-directive="2+2"中,表達式為“2+2”。
⑤arg:傳給指令的參數,可選項。例如v-my-directive:vue中,參數為“vue”。
⑥modifiers:一個包含修飾符的對象。例如v-my-directive.vue.bar中,修飾符對象為{vue:true,bar:true}。
(3)VNode:Vue編譯生成的虛擬節點。
(4)oldVnode:上一個虛擬節點,僅在update和componentUpdated鉤子函數中可用。
提示:這些參數中,除了el以外,其他參數都看作是只讀參數,即不要對它們進行修改。如果需要跨鉤子使用它們,建議使用dataset來實現。
指令的參數值可以是動態的,代碼如下:
<p v-track:left="[dyLeft]">text </p> data(){ return { dyLeft : 500 } }
推薦閱讀
- 柳工出海:中國制造的全球化探索
- Dreamweaver CS5網頁設計與制作教程
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網頁設計基礎培訓
- After Effects CS6從入門到精通
- Vue.js從入門到項目實踐(超值版)
- 動漫秀場:超級漫畫Q版造型素描技法
- 眾妙之門:網站UI設計之道2
- jQuery+Bootstrap Web開發案例教程(在線實訓版)
- 網頁設計那些事兒
- 園區網互聯及網站建設
- Web前端開發精品課 HTML與CSS進階教程
- 網頁制作與網站建設寶典
- HTML5實驗室
- 網頁設計與制作Dreamweaver CS6標準教程(第2版)
- Photoshop網頁設計從入門到精通