官术网_书友最值得收藏!

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
           }
       }
主站蜘蛛池模板: 民县| 盱眙县| 神池县| 万源市| 和林格尔县| 青川县| 横峰县| 项城市| 宁化县| 常熟市| 天长市| 连城县| 额尔古纳市| 黑河市| 阳城县| 定西市| 长治市| 佛学| 郑州市| 庆阳市| 密云县| 新沂市| 特克斯县| 东乡县| 桓台县| 溆浦县| 贵南县| 铜鼓县| 洪雅县| 天全县| 望谟县| 顺昌县| 栾川县| 临漳县| 普兰县| 安顺市| 古丈县| 明光市| 昂仁县| 抚顺市| 萨嘎县|