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
           }
       }