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

前面介紹了鉤子函數(shù),那么它們有哪些參數(shù)呢?下面將對鉤子函數(shù)的參數(shù)進(jìn)行介紹。
(1)el:指令所綁定的元素,可利用它直接操作DOM。
(2)binding:指令所綁定的值,如下所示。
①name:指令名,不包括“v-”前綴。
②value:指令的綁定值。例如v-my-directive="2+1"中,綁定值為3。
③oldValue:指令綁定的前一個(gè)值,僅在update和componentUpdated鉤子函數(shù)中可用。無論值是否改變都可用。
④expression:字符串形式的指令表達(dá)式。例如v-my-directive="2+2"中,表達(dá)式為“2+2”。
⑤arg:傳給指令的參數(shù),可選項(xiàng)。例如v-my-directive:vue中,參數(shù)為“vue”。
⑥modifiers:一個(gè)包含修飾符的對象。例如v-my-directive.vue.bar中,修飾符對象為{vue:true,bar:true}。
(3)VNode:Vue編譯生成的虛擬節(jié)點(diǎn)。
(4)oldVnode:上一個(gè)虛擬節(jié)點(diǎn),僅在update和componentUpdated鉤子函數(shù)中可用。
提示:這些參數(shù)中,除了el以外,其他參數(shù)都看作是只讀參數(shù),即不要對它們進(jìn)行修改。如果需要跨鉤子使用它們,建議使用dataset來實(shí)現(xiàn)。
指令的參數(shù)值可以是動(dòng)態(tài)的,代碼如下:
<p v-track:left="[dyLeft]">text </p> data(){ return { dyLeft : 500 } }
推薦閱讀
- JSP網(wǎng)站開發(fā)詳解
- 大型網(wǎng)站架構(gòu)實(shí)戰(zhàn)
- Dreamweaver CS5網(wǎng)頁設(shè)計(jì)與制作教程
- 24小時(shí)學(xué)會(huì)網(wǎng)站建設(shè)
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網(wǎng)頁設(shè)計(jì)基礎(chǔ)培訓(xùn)
- 動(dòng)漫秀場:超級漫畫Q版造型素描技法
- HTML5實(shí)驗(yàn)室
- JSP動(dòng)態(tài)網(wǎng)站開發(fā)案例指導(dǎo)
- 形·色:網(wǎng)頁設(shè)計(jì)法則及實(shí)例指導(dǎo)
- 社交網(wǎng)站界面設(shè)計(jì)(原書第2版)
- 《練就職場功夫熊貓》
- Premiere Pro CS6多功能教材
- 秩序之美:網(wǎng)頁中的網(wǎng)格設(shè)計(jì)
- Highcharts網(wǎng)頁圖表制作實(shí)例詳解 (Web開發(fā)典藏大系)
- JavaScript網(wǎng)頁游戲制作輕松學(xué)